:: Tutorial de E-mails ::

Curso de Formatação Avançado- Lição 14

Imagem com efeito glitter

Se você quiser criar um e-mail que tenha tabela e uma imgem com efeito glitter ao seu redor, faça o seguinte:

1. Abra uma nova mensagem.

2. Clique em "Origem" e apague tudo o que aí estiver escrito.

3. Cole, então, o seguinte código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Tutorial de e-mails - Lili Russo</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE>BODY {
BORDER-RIGHT: #d1aca7 5px double; BORDER-TOP: #d1aca7 5px double; SCROLLBAR-FACE-COLOR: #dec5c0; SCROLLBAR-HIGHLIGHT-COLOR: #d1aca7; BORDER-LEFT: #d1aca7 5px double; SCROLLBAR-SHADOW-COLOR: #dec5c0; SCROLLBAR-3DLIGHT-COLOR: #d1aca7; SCROLLBAR-ARROW-COLOR: #d1aca7; BORDER-BOTTOM: #d1aca7 5px double; SCROLLBAR-DARKSHADOW-COLOR: #dec5c0; SCROLLBAR-BASE-COLOR: #d1aca7
}
.TAB1 {
BORDER-RIGHT: #d1aca7 4px dotted; BORDER-TOP: #d1aca7 4px dotted; BORDER-LEFT: #d1aca7 4px dotted; BORDER-BOTTOM: #d1aca7 4px dotted
}
.TD1 {
BORDER-RIGHT: #d1aca7 8px double; BORDER-TOP: #d1aca7 8px double; BORDER-LEFT: #d1aca7 8px double; BORDER-BOTTOM: #d1aca7 8px double; bgcolor: #9992A4
}
.DV {
FONT-SIZE: 14pt; COLOR: #c2938b; FONT-FAMILY: Comic Sans MS
}
</STYLE>

<META content="MSHTML 6.00.6000.16608" name=GENERATOR></HEAD>
<BODY bgProperties=fixed bgColor=#f3e9e0
background="endereço do back">
<DIV><FONT face="Comic Sans MS" size=2></FONT> </DIV>
<DIV style="FONT: 10pt arial">
<DIV><FONT face="Comic Sans MS"></FONT> </DIV></DIV>
<DIV><BR></DIV>
<DIV> </DIV>
<IMG id=table_back1
style="LEFT: -1800px; POSITION: absolute; TOP: -1800px" height=150
src=""back da tabela"" width=150> <IMG
id=table_back2 style="LEFT: -1800px; POSITION: absolute; TOP: -1800px"
height=150 src="back1 da tabela" width=150>
<TABLE class=TAB1 id=table1 cellSpacing=10 cellPadding=35 align=center>
<TBODY>
<TR>
<TD>
<TABLE class=TD1 id=table2 cellSpacing=5 cellPadding=5 align=center>
<TBODY>
<TR>
<TD style="FILTER: glow(strength=40,color=#FBD8D6,enabled=2)"
align=middle><IMG
src="endereço da imagem que terá o efeito glow"></TD>
<TR></TR>
<TR>
<TD class=TD1 id=table3 align=middle>
<DIV class=DV style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 300px">Dê
um duplo clique e escreva seu
texto</DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<SCRIPT language=vbscript>
'==============================
'script by Lili Russo; october 2003
'please leave my name in the script
'==============================
table1.background=table_back1.src
table2.background=table_back2.src

window.status="....Tutorial de e-mails - Lili Russo"
x=0
y=0
SetInterval "scrollback", 64

Sub scrollback()
x=x+1
y=y+1
document.body.style.backgroundposition=x&" "&y
End Sub

</SCRIPT>
</SCRIPT></BODY></HTML>

O filtro Glow cria um efeito de "brilho" ou gliter nos contornos da imagem (ou do texto)

PARÂMETROS:

color - Define a cor RGB (#rrggbb) do brilho.
strength - Determina a distância de afastamento do efeito. Seu valor é em pixels (px) e pode ser valor positivo (brilho externo) ou negativo (brilho interno).

Tarefa: Crie um e-mail usando o script do efeito glow. Insira uma música, escreva um pequeno texto e envie ao 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


	.