Curso de Formatação Intermediário- Lição 15- Tabela em tons degradês


Você pode criar um efeito de tons em "degradée" dentro de uma tabela. É simples de ser feito e dá um efeito interessante em seu e-mail.

Veja um exemplo

Gostou?

Vamos lá! Vou ser boazinha e deixar o código completo.

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 Tabela Degradée</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#12578c>
<DIV align=center>
<TABLE
style="Z-INDEX: -10; FILTER: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D6EBFC', startColorstr='#218FE3' gradientType=0); LEFT: 0px"
height=300 cellSpacing=0 borderColorDark=#1d2d39 cellPadding=0 width=450
align=center borderColorLight=#1d2d39 border=2>
<TBODY>
<TR>
<TD>
</DIV></TD></TR></TBODY></TABLE></DIV>
</BODY></HTML>


Observe quer todos esses dados podem ser alterados:

<BODY bgColor=> é a cor do fundo do e-mail.

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

startColorstr='#218FE3' é a cor que aparece "no início" do degradê da tabela.

height=300 (altura da tabela)

cellSpacing=0 (espaço entre as "células" e as bordas da tabela)

borderColorDark=#1d2d39 (cor "escura"da borda da tabela)

cellPadding=0 (espaço dentro da "célula" da tabela)

width=450 (largura da tabela )

align=center (alinhamento da tabela)

borderColorLight=#1d2d39(cor "clara" da borda)

border=2 (espessura da borda)>

Sua tarefa será modificar as cores do código original apresentado nesta aula, assim como as cores das bordas da tabela.

Escreva algumas palavras (na tabela) e envie o e-mail 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

Lilian Russo - Todos os Direitos Reservados - ©2002/2008




.