
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
|