:: Tutorial de E-mails ::

Curso de Formatação Avançado- Lição 4

Como formatar um top? Duas formas diferentes. Escolha a mais adequada a seu trabalho

Para formatar um top no background podemos usar dois recursos. Geralmente, a escolha de um dos recursos varia de acordo com o tipo de formtação. Costumo usar a primeira que irei descrever abaixo quando uso um top e uma cor (para o corpo da mensagem) e a segunda quando uso um top e uma textura. Você poderá optar pelo modo que considerar mais adequado.

Primeiro: Usando o Assistente do Outlook Express.

Para formatar um top podemos usar o mesmo processo que usamos para formatar um back ou papel de carta, observando alguns detalhes importantes que colocarei aqui abaixo. Se você não lembra como formatar pelo Assistente do Outlook, veja esta dica.

Quando você for selecionar, no Assistente de configuração, os itens referentes ao plano de fundo escolha a imagem que você fez para ser o top e configure a Posição assim:

Posição - superior e esquerda;
Lado a lado: não colocar lado a lado;
Cor: padrão (branca)

No final da configuração, quando as margens precisam ser definidas, observe o seguinte:

A Margem esquerda deve ter um valor que não deixe seu texto muito colado na esquerda.

A Margem Superior na configuração de um top é muito importante, porque é onde definimos um valorde forma que o texto não fique sobre o top. Digite um valor um pouco maior do que a altura do top. Repare na sua tela de Visualização como o texto irá descer até ficar abaixo da imagem.

Quando você acabar de formatar seu papel pelo Assistente do Outlook, pela abinha"Origem" altere a cor do bgcolor=#ffffff para uma cor que combine ou contraste com o seu top.

Ainda na Origem, logo abaixo do STYLE, cole o código da moldura e da barra de rolagem colorida.

Modo 2 de formatar top no Outlook

Podemos formatar um top aplicando-o diretamente no Outlook, sem usar o Assistente do Outlook. Como fazer?

1. Abra uma nova mensagem no Outlook e clique em FORMATAR/Plano de fundo/Imagem. Escolha a imagem que será seu top e clique em OK.

2. Clique na abinha Origem e onde encontrar o tag STYLE delete.

3. Cole o seguinte código no lugar do tag STYLE que vc deletou:

<STYLE>BODY {
BACKGROUND-POSITION: left top; MARGIN-TOP: 400px; FONT-SIZE: 12pt; MARGIN-LEFT: 25px; COLOR: #ffffff; MARGIN-RIGHT: 25px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial
}
</STYLE>

Vamos entender o que fizemos e ver o que ainda será necessário alterar.

MARGIN-TOP: 400px - é a margem superior para que o seu texto não fique em cima do top. Coloque aí um valor pouco maior do que a altura da sua imagem que funciona como top.

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 à esquerda)

MARGIN-RIGHT: 25px - é a margem direita. Essa margem é opcional, mas facilita a centralização do texto.

BACKGROUND-REPEAT: no-repeat - esse é o comando que faz com que o nosso TOP permaneça 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> Altere a cor do plano de fundo para combinar com o seu top.
Você deve mudar a cor aqui:

</HEAD>
<BODY bgColor=#ffffff

Tarefa:

Crie um top, usando o recurso com o qual você melhor se adaptar, insira moldura e barra de rolagem colorida, digite o seu texto, insira um som, complemente a formatação a seu gosto e envie para o grupo.

Importante: Insira seu cartão de visitas!

Endereço do grupo: tutorial_emails@yahoogrupos.com.br

Lembre-se de indicar no campo Assunto: Nome do aluno, Nível e Número da lição. Caso a lição tenha sido refeita, inclua a palavra "refeita".

Lição elaborada por Lilian Russo


	.