:: Tutorial de E-mails ::

Fundo Triplo usando Tabelas

Fundo Triplo Usando Tabelas

Para conseguir um efeito de "fundo triplo" também conhecido como "triple background", como você pode ver neste exemplo, faça o seguinte:

Abra uma nova mensagem.

Apague tudo o que está na aba "Origem" e cole o seguinte código:

----------------------------------------------------------------------------------------------------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Tabela Lili</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff background="endereço da imagem fundo1">
<DIV> </DIV>
<DIV><BR></DIV>
<DIV> </DIV><BR>
<P>
<CENTER>
<TABLE id=tab1 cellSpacing=0 cellPadding=40 width="90%" border=1>
<TBODY>
<TR>
<TD width="100%">
<P>
<CENTER>
<TABLE id=tab2 width="100%" border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV>Seu texto vai aqui!!! </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV></TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></CENTER>
<DIV style="DISPLAY: none; VISIBILITY: hidden"><IMG id=imgtab1
src="endereço da imagem fundo 2 "> <IMG id=imgtab2
src="endereço da imagem fundo 3 "> </DIV>
<SCRIPT laguage="JavaScript">
function mudatabela() {
tab1.background = imgtab1.src;
tab2.background = imgtab2.src;
}
mudatabela();
</SCRIPT>
</BODY></HTML>

----------------------------------------------------------------------------------------------------------------------------------------------------------------

Substitua o que está em vermelho pelos endereços correspondentes às imagens que você quer que aparecem nos diversos bacKgrounds.

Aqui você encontra alguns fundos para escolher e usar em seus e-mails.

Neste link você encontra um ótimo exemplo de fundos triplos.

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 que o efeito só será percebido quando clicamos em "Visualizar".)

(Dica adaptada por Lilian Russo e Paulo Henrique Lomanto)