Aplicando Top no Outlook

 
 

Confira aqui, uma das formas de aplicar um Top através do Outlook Express

 
 
1 - Abra uma nova mensagem no Outlook.

2 - Formatar > Plano de Fundo > Imagem ( figura ).

Navegue até a pasta que você salvou o Top que preparou no PSP.
Dê OK.

3 - Clique na ABA ORIGEM da sua mensagem. ( parte inferior da sua mensagem )

* Se na sua mensagem não aparecer essa aba, faça o seguinte.
No menu de sua nova mensagem, clique em EXIBIR > EDITAR CÓDIGO FONTE.

Prontinho, agora vai estar aparecendo, 3 abinhas, Editar, Origem e Visualizar.

Pois bem, clique na ABA ORIGEM da sua mensagem e faça o seguinte. Onde está o tag STYLE ( veja abaixo em vermelho ) 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.2900.2627" name=GENERATOR>
<STYLE></STYLE>
</HEAD>


__________________________________________________________________________


E cole o seguinte código no local que deletou.


__________________________________________________________________________


<STYLE>BODY {
BACKGROUND-POSITION: left top; MARGIN-TOP: 350px; FONT-SIZE: 12pt; MARGIN-LEFT: 25px; COLOR: #000000; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Comic Sans MS
}
</STYLE>


__________________________________________________________________________


Agora vamos entender o código.

MARGIN-TOP: 350px - é a margem superior para que o seu texto não fique em cima do seu back top.
Digite 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);

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 toda a caixa de texto;

FONT-SIZE, COLOR e FONT-FAMILY: referem-se ao tamanho, cor e tipo de fonte do texto.


4 - Ainda na ABA ORIGEM altere a cor do plano de fundo para combinar com a cor mais abaixo da sua imagem (ou outra cor dominante) e possibilitando uma idéia de continuidade (ou use uma cor contrastante, mas preferencialmente que seja uma das cores do seu top).

Você deve mudar a cor nesta parte que marquei em vermelho:


__________________________________________________________________________
 

</HEAD>
<BODY bgColor=#ffffff


__________________________________________________________________________
 


*** Para saber o código da cor que deseja usar, use um dos métodos citados em Escolhendo a Cor do Plano de Fundo.

Pronto, você já tem o Top aplicado.
Você pode digitar o texto e enviar.

Ou pode deixar a aplicação do seu Top ainda mais charmosa.
Aproveitando que estamos na aba origem podemos aplicar uma moldura e colorir a barra de rolagem.
Se você não sabe como fazer isso, siga o passo a passo que vou colocar abaixo.
Cole abaixo daquele tag STYLE, outro tag STYLE, esse tag que vamos colar agora engloba a moldura e a barra de rolagem colorida.


__________________________________________________________________________


<STYLE>BODY {
BORDER-LEFT: #7C010F 10px double;BORDER-RIGHT: #7C010F 10px double; SCROLLBAR-ARROW-COLOR: #7C010F;
BORDER-TOP: #BF4141 10px double;BORDER-BOTTOM: #BF4141 10px double; SCROLLBAR-BASE-COLOR: #BF4141
}
</STYLE>


__________________________________________________________________________


Altere agora a cor das bordas da moldura e da barra de rolagem adequando às cores do seu top.
( substituindo os valores que estão em vermelho )



Se você colou esse segundo tag STYLE a sua origem vai estar parecendo 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.2900.2627" name=GENERATOR>
<STYLE>BODY {
BACKGROUND-POSITION: left top; MARGIN-TOP: 350px; FONT-SIZE: 12pt; MARGIN-LEFT: 25px; COLOR: #000000; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Comic Sans MS
}
</STYLE>

<STYLE>BODY {
BORDER-LEFT: #7C010F 10px double;BORDER-RIGHT: #7C010F 10px double; SCROLLBAR-ARROW-COLOR: #7C010F;
BORDER-TOP: #BF4141 10px double;BORDER-BOTTOM: #BF4141 10px double; SCROLLBAR-BASE-COLOR: #BF4141
}
</STYLE>
</HEAD>
<BODY bgColor=#ffffff
background="C:\Documents and Settings\Zoia\Meus documentos\Minhas imagens\top_04.jpg">
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV></BODY></HTML>

 
 

Tutorial elaborado por, Zoia Sales Cavalcanti
Editado por
Ma®istela