:: Tutorial de E-mails ::

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

E-mail com dois sons, tabela, efeito glow no texto e muito mais ...

Este código que preparei já oferece vários efeitos. É bem prático e bonitinho.

1. Você terá dois sons no e-mail (uma musiquinha e um som em formato wave, por exemplo, o som de um passarinho...)

O código para o som é este:

(O loop poderá ser alterado para um número menor ou maior, dependendo do som que você utilizar)

2. Você terá uma tabela com células lado a lado, sendo que a tabela terá uma borda com efeito glow.

(Aqui você poderá alterar as cores, a espessura e o estilo da borda da tabela, a cor do glow e o alinhamento.

3. O texto irá aparecer no lado oposto ao da imagem, em marquée, para cima (a direção vc também pode mudar)

4. Este script não especifica o tamanho da imagem que aparece na tabela, portanto, escolha uma imagem de tamanho compatível na largura. Neste caso, o ideal é uma imagem de uns 350px de largura.

Vamos ao trabalho, então.

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: #f8e3e8 6px double; SCROLLBAR-FACE-COLOR: #f8e3e8; SCROLLBAR-HIGHLIGHT-COLOR: #e8c9cf; BORDER-LEFT: #f8e3e8 6px double; SCROLLBAR-SHADOW-COLOR: #e8c9cf; SCROLLBAR-3DLIGHT-COLOR: #e8c9cf; SCROLLBAR-ARROW-COLOR: #e8c9cf; BORDER-BOTTOM: #f8e3e8 6px double; SCROLLBAR-DARKSHADOW-COLOR: #e8c9cf; SCROLLBAR-BASE-COLOR: #f8e3e8
}
TABLE {
FONT-SIZE: 14pt; COLOR: #d79cae; FONT-FAMILY: Comic Sans MS
}
</STYLE>

<META content="MSHTML 6.00.6000.16608" name=GENERATOR></HEAD>
<BODY bgProperties=fixed bgColor=#daa520
background="endereço do back">
<DIV><FONT face="Comic Sans MS" size=2>
</FONT></DIV>
<BGSOUND balance=0
src="endereço da música mid"" volume=0><BGSOUND balance=0
src="endereço do som wave" volume=0 loop=5>
<TABLE
style="BORDER-RIGHT: #e8c9cf 18px double; BORDER-TOP: #e8c9cf 18px double; BORDER-LEFT: #e8c9cf 18px double; BORDER-BOTTOM: #e8c9cf 18px double"
cellSpacing=8 cellPadding=8 width=700 align=center bgColor=#f8e3e8>
<TBODY>
<TR>
<TD
style="BORDER-RIGHT: #e8c9cf 4px double; BORDER-TOP: #e8c9cf 4px double; FILTER: glow(strength=20,color=#F8E3E8,enabled=1); BORDER-LEFT: #e8c9cf 4px double; BORDER-BOTTOM: #e8c9cf 4px double"
align=right>
<DIV style="WIDTH: 350px">
<MARQUEE scrollAmount=1 scrollDelay=100 direction=up width=350 height=350>
<CENTER><FONT size=5>Texto</FONT></CENTER></MARQUEE></DIV></TD>
<TD
style="BORDER-RIGHT: #e8c9cf 4px dotted; BORDER-TOP: #e8c9cf 4px dotted; BORDER-LEFT: #e8c9cf 4px dotted; BORDER-BOTTOM: #e8c9cf 4px dotted"
align=right><IMG alt="" hspace=0
src="endereço completo da imagem que aparecerá na lateral da tabela"
align=baseline border=0></TD></TR></TD></TR></TBODY></TABLE>

</BODY></HTML>

Tarefa:

Observe como fica o e-mail e escolha, então, as cores, uma imagem que fique harmoniosa com o conjunto, lembrando-se de alterar as cores das bordas, da moldura, da barra de rolagem e demais itens. lembre-se de inserir corretamente a m´suica midi e o som wave; escreva com cuidado o texto no espaço reservado e envie 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


	.