|
Nesta Lição vamos
formatar um top, mas aplicando-o diretamente no Outlook, ou seja, sem
usar o
Assistente do Outlook para Papel de Carta. Veja o
modelo
Material: um back top criado por você ou qualquer um
daqueles que foram disponibilizados na parte de Material de
apoio.
1º passo: abra uma nova mensagem no Outlook e no menu
FORMATAR/Plano de fundo/Imagem navegue
até a pasta que contém o top que você preparou no PSP. Dê
ok.
2º passo: clique na abinha Origem e onde está o tag STYLE
delete
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN">
<HTML><HEAD>
<META
http-equiv=Content-Type content="text/html;
charset=iso-8859-1">
<META content="MSHTML 6.00.6000.16587" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
e
cole o seguinte código no lugar do tag STYLE que
deletou:
<STYLE>BODY {
BACKGROUND-POSITION: left top;
MARGIN-TOP: 350px; FONT-SIZE: 12pt; MARGIN-LEFT: 25px; COLOR:
#ffffff; MARGIN-RIGHT: 25px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY:
Verdana
}
</STYLE>
Agora vamos entender o código:
MARGIN-TOP:
350px - é a margem superior para que o seu texto não fique em cima
do top. O valor 350px é exemplificativo. Coloque aí um valor pouco
maior do que a altura da sua imagem.
MARGIN-LEFT: 25px - é a margem esquerda para o seu
texto (você não deve deixar um valor ZERO, para que o seu texto não
fique coladinho na esquerda);
MARGIN-RIGHT: 25px
- é a margem direita. Essa margem é opcional. Estamos prevendo-a no
código pensando na possibilidade de centralizar o texto.
BACKGROUND-REPEAT: no-repeat -
esse é o comando que fará com que o seu TOP permaneça apenas no topo
e não se repita por todo o plano de fundo;
FONT-SIZE, COLOR e
FONT-FAMILY: referem-se ao tamanho, cor e tipo de fonte do
texto.
3º passo: altere a cor do plano
de fundo para combinar com o seu top.
Você deve mudar a cor nesta parte que marquei
abaixo:
</HEAD>
<BODY bgColor=#ffffff
4º passo: ainda na Origem,
cole abaixo daquele tag Style, outro tag Style que engloba a moldura
e a barra de rolagem colorida e o alinhamento centralizado.
<STYLE>BODY
{
BORDER-RIGHT: #6f957e 5px groove; BORDER-TOP: #6f957e 5px groove;
SCROLLBAR-FACE-COLOR: #6f957e; SCROLLBAR-HIGHLIGHT-COLOR: #cfd5ff;
BORDER-LEFT: #6f957e 5px groove; SCROLLBAR-SHADOW-COLOR: #cfd5ff;
SCROLLBAR-3DLIGHT-COLOR: #6f957e; SCROLLBAR-ARROW-COLOR: #cfd5ff;
SCROLLBAR-TRACK-COLOR: #6f957e; BORDER-BOTTOM: #097246 5px groove;
SCROLLBAR-DARKSHADOW-COLOR: #6f957e; TEXT-ALIGN: center
}
</STYLE>
Sua Origem deve estar
parecida com isso:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.0 Transitional//EN">
<HTML><HEAD>
<META
http-equiv=Content-Type content="text/html;
charset=iso-8859-1">
<META content="MSHTML 6.00.6000.16587" name=GENERATOR>
<STYLE>BODY {
BACKGROUND-POSITION:
left top; MARGIN-TOP: 350px; FONT-SIZE: 12pt; MARGIN-LEFT: 25px;
COLOR: #ffffff; MARGIN-RIGHT: 25px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY:
Verdana
}
</STYLE>
<STYLE>BODY {
BORDER-RIGHT: #6f957e 5px groove; BORDER-TOP: #6f957e 5px groove;
SCROLLBAR-FACE-COLOR: #6f957e; SCROLLBAR-HIGHLIGHT-COLOR: #cfd5ff;
BORDER-LEFT: #6f957e 5px groove; SCROLLBAR-SHADOW-COLOR: #cfd5ff;
SCROLLBAR-3DLIGHT-COLOR: #6f957e; SCROLLBAR-ARROW-COLOR: #cfd5ff;
SCROLLBAR-TRACK-COLOR: #6f957e; BORDER-BOTTOM: #097246 5px groove;
SCROLLBAR-DARKSHADOW-COLOR: #6f957e; TEXT-ALIGN: center
}
</STYLE>
</HEAD>
<BODY
bgColor=#ffffff
background="C:\Documents and Settings\Zoia\Meus
documentos\Minhas
imagens\top_04.jpg">
<DIV> </DIV>
<DIV> </DIV></BODY></HTML>
5º
Passo: Altere agora a cor das bordas da moldura e da barra de
rolagem adequando às cores do seu top.
Nota. Se quiser
deixar essa formatação prontinha para usá-la outras vezes clique em
Arquivo/Salvar como/ e na janela que abrir escolha a pasta onde quer
salvar e a extensão .eml
Quando quiser usá-la novamente basta
acessar a pasta onde guardou seu arquivo, abri-lo e completar
a formatação para envio.
Agora que você já salvou uma cópia
da formatação fora do Outlook, digite o seu texto, insira o som,
complemente a formatação a seu gosto e envie à lista.
Atenção!
No modelo desta lição usamos
BACKGROUND-POSITION: center top para centralizar o top em
relação às laterais da mensagem já que a imagem das hortênsias
estava no centro.
No entanto devemos ter cuidado ao usar a posição CENTER TOP
principalmente quando usamos certos scripts (como por exemplo, o das
pequenas imagens caindo), pois haverá uma distorção no movimento
exatamente por causa da posição definida para o top.
Em outras palavras: se quisermos usar aquele script em uma
formatação com top, teremos de usar
BACKGROUND-POSITION: left top que é a posição padrão. |
