:: Tutorial de E-mails ::

Papel no background e tabela em degradée

Aqui você encontra um código que combina um fundo, uma tabela em degradée, uma imagem no centro da tabela, bordas e barras coloridas.

Veja um exemplo

Abra uma nova mensagem.

Apague tudo o que estiver escrito na aba "Origem"

Cole o seguinte código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>http://www.ilove.com.br/lili Fundo e tabela degradée</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE>BODY {
BORDER-RIGHT: #a0568a 1px solid; BORDER-TOP: #a0568a 3px solid; BORDER-LEFT: #a0568a 3px solid; SCROLLBAR-ARROW-COLOR: #f8d5cc; BORDER-BOTTOM: #a0568a 3px solid; SCROLLBAR-BASE-COLOR: #c492b5; BACKGROUND-COLOR: #ffffff
}
</STYLE>

<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff background="endereço da imagem de fundo">
<DIV align=center>
<TABLE
style="Z-INDEX: -10; FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D276B7', startColorstr='#E8CADF' gradientType=0); LEFT: 0px"
height=400 cellSpacing=0 borderColorDark=#a0568a cellPadding=0 width=500
align=center borderColorLight=#a0568a border=3>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG alt="" hspace=0
src="endereço da figura do centro da tabela" align=baseline
border=0></DIV>
<DIV align=center> </DIV>
<DIV align=center><FONT face=Verdana>Escrever
aqui</FONT></DIV></TD></TR></TBODY></TABLE></DIV>
</BODY></HTML>

Observe quer todos esses dados podem ser alterados:

BORDER-RIGHT: #a0568a 1px solid; BORDER-TOP: #a0568a 3px solid; BORDER-LEFT: #a0568a 3px solid; SCROLLBAR-ARROW-COLOR: #f8d5cc; BORDER-BOTTOM: #a0568a 3px solid; SCROLLBAR-BASE-COLOR: #c492b5;
(cores da moldura e da barra de rolagem)

endColorstr='#D276B7' é a cor que aparece "na parte inferior" do degradée da tabela.

startColorstr='#E8CADF' é a cor que aparece "no ínicio" do degradée da tabela.

height=400 (altura da tabela) cellSpacing=0 borderColorDark=#a0568a(cor "escura"da borda da tabela cellPadding=0 width=500 (largura da tabela )

Consulte a tabela de cores para obter os códigos.

Se você quiser escolher algumas imagens, encontrará aqui : Palavras e Sentimentos

Aqui você encontra a versão prontinha para e-mail desta dica. Está zipada no formato .eml (próprio para o Outlook Express)

(Lembre-se de clicar na aba "Visualizar" para ver o efeito.)

Dica elaborada e formatada por Lilian Russo


	.