Formatando Top com fundo Texturizado no Outlook Express
 


Considerações Gerais :-

Você já aprendeu a formatar um Top, tendo uma cor lisa de fundo.

Hoje aprenderá como formatar um Top com fundo texturizado no Outlook.

O principal detalhe do top com fundo texturizado está no preparo das imagens no PSP que terá de ser feita com duas partes:
- uma delas é o tile que será aplicado na formatação com função de background (cobrindo o fundo da mensagem) e ficará por baixo da imagem do top;
- a outra parte é o top só que - neste tipo de formatação - ele será aplicado na parte superior da mensagem, através de um código que usaremos na Origem.
Por óbvio, essas duas partes têm de combinar entre si na hora de formatar, para dar a idéia de continuidade da imagem do topo com o fundo e não apareçam emendas.

Veja um modelo formatado aqui.

Você já executou o Top FunHouse e notou que usamos um valor diferente de 1024 para a largura.
Para a formatação no Outlook - que explicaremos abaixo - é importante no momento de preparar o Top com fundo texturizado, usar uma largura ( width ) menor que 1024 para que não apareça a barra de rolagem horizontal.
Exatamente por isso, no tutorial, indicamos que o top fosse feito com largura 984px.

Veja abaixo um exemplo onde aparece a barra de rolagem horizontal, e outra onde não aparece.

     

Notas :-
1 - Quando aparece a barra de rolagem horizontal é possível fazê-la desaparecer aplicando um código HTML na Origem, mas não entraremos em detalhes nesse momento.
2 - O mesmo procedimento que será explicado para a formatação do top com fundo texturizado pode ser aplicado no caso de formatação de top corner.


Formatando o top com fundo texturizado no Outlook

Após ter preparado o Top FunHouse e o Tile no PSP vamos à formatação no Outlook.

Pegue aqui o código a ser colado na Origem. Descompacte o arquivo .txt copie o código.

1 - Abra uma nova mensagem, clique na aba ORIGEM :

2 - Delete tudo que está na Origem e cole o código que você copiou.

3 - Indique o caminho do top com fundo texturizado no lugar indicado no código, mantendo as aspas antes e depois do caminho.
 

<DIV>&nbsp;</DIV><SPAN
style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px"><IMG height=300
src="caminho do top com fundo texturizado" width=984 border=0> </SPAN>


Caso não saiba como indicar o caminho de um arquivo leia a dica geral nº 01 no site do Cantinho da Formatação.

4 - Outros detalhes importantes que têm de ser observados:

4.1 - No STYLE, onde tem MARGIN-TOP: 350px esse valor é exemplificativo. Você deve indicar aí um valor um pouco maior do que a altura do seu top para que o texto não recaia sobre ele.

4.2 - Também têm de ser informadas as dimensões do top nesta parte:
 

<DIV>&nbsp;</DIV><SPAN
style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px"><IMG height=300
src="caminho do top" width=984></SPAN>


4.3 - Como definimos uma largura para o nosso top de 984px, a espessura das bordas da moldura da mensagem não pode ser superior a 4px. Se for usado um valor maior a barra de rolagem vai aparecer. Estamos nos referindo ao código no STYLE:


<STYLE>BODY {
BORDER-RIGHT: #d5b15c 3px inset; BORDER-TOP: #d5b15c 3px outset; MARGIN-TOP: 350px; SCROLLBAR-FACE-COLOR: #e9d6a7; SCROLLBAR-HIGHLIGHT-COLOR: #d5b15c; MARGIN-LEFT: 20px; BORDER-LEFT: #d5b15c 3px outset; SCROLLBAR-SHADOW-COLOR: #d5b15c; SCROLLBAR-3DLIGHT-COLOR: #e9d6a7; MARGIN-RIGHT: 20px; SCROLLBAR-ARROW-COLOR: #d5b15c; SCROLLBAR-TRACK-COLOR: #e9d6a7; BORDER-BOTTOM: #d5b15c 3px inset; SCROLLBAR-DARKSHADOW-COLOR: #e9d6a7; TEXT-ALIGN: center
}
</STYLE>


5 - Feito isso, você tem o Top corretamente posicionado.

6 - Agora precisamos formatar o tile (que ficará embaixo do top) e irá cobrir o plano de fundo da mensagem:
Para isso, vamos em Formatar / Plano de Fundo / Imagem.
Localize a pasta onde salvou o tile e dê OK.

7 - Se deu tudo certo até aqui, volte na aba Origem, no STYLE e altere as cores da moldura e da barra de rolagem para adequá-las às cores da sua formatação.

8 - Volte na aba Editar, digite (ou cole) o seu texto, insira uma música bem leve e bonita, verifique o tamanho da mensagem se está dentro dos 400 kb, aplique os recursos antibanner e envie à lista para avaliação.

Obs : seguindo essas orientações você conseguirá formatar o Top com fundo texturizado.
Pode acontecer de aparecer uma pequena barra horizontal, mesmo seguindo essas orientações.
Se isso acontecer, salve a sua formatação, em seguida abra a que está salva na pasta escolhida.
Ou envie para você mesmo e certifique-se de que está sem a barra horizontal.

Esperamos que você tenha gostado deste recurso. O top ganhou um charme todo especial aplicado por cima de um tile, não achou? :))


Tutorial elaborado, em Abril /2007, por
Ma®istela e Zoia