:: Tutorial de E-mails ::

Texto colorido em movimento

Para conseguir um efeito de letras que aparecem coloridas, como se pode observar neste exemplo, faça o seguinte:

1. Abra uma nova mensagem

2. Clique na aba "Origem"

3. Apague tudo o que estiver escrito abinha "Origem" de sua nova mensagem, delete tudo o que encontrar e cole o seguinte código:

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Tutorial de E-mails Lili</TITLE>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="MSHTML 5.00.2614.3500" name=GENERATOR>
<STYLE>BODY {
BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: repeat; COLOR: #000000; FONT-FAMILY: Accent DB; FONT-SIZE: 10pt; MARGIN-LEFT: 50px; MARGIN-TOP: 50px
}
</STYLE>
</HEAD>
<BODY aLink=yellow

onload=init() text=#000000 vLink=yellow>
</FONT>
<P>
<P align=center>
<SCRIPT language=JavaScript><!--

text=new Array('Escrever seu texto aqui http://www.ilove.com.br/lili Lili') //TEXTO

var numText=1 //Número de Textos

color=new Array('#A9217B','#0F3F87','#F6CB48','#000000','#2C862E','#FFA421','#FFFFFF','#EC3930','#32C2FE') //Cores

var numColors=9 //Número de cores

var endSize=50

var Zspeed=280

var Cspeed=445

var font='impact'

var hide=false

var size=5

var gonum=0

var ie, n;

if (document.all) {

n=0

ie=1

zoomText='document.all.zoom.innerText=text[num]'

zoomSize='document.all.zoom.style.fontSize=size'

closeIt=""

fadeColor="document.all.zoom.style.color=color[num]"

}

if (document.layers) {

n=1;ie=0

zoomText=""

zoomSize="document.zoom.document.write('<p align=\"LEFT\" style=\"font-family:'+font+'; font-size:'+size+'px; color:'+color[0]+'\">'+text[num]+'</p>')"

closeIt="document.zoom.document.close()"

fadeColor="document.zoom.document.write('<p align=\"LEFT\" style=\"font-family:'+font+'; font-size:'+endSize+'px; color:'+color[num]+'\">'+text[numText-1]+'</p>')"

}

function zoom(num,fn){

if (size<endSize){

eval(zoomText)

eval(zoomSize)

eval(closeIt)

size+=5;

setTimeout("zoom("+num+",'"+fn+"')",Zspeed)

}else{

eval(fn);

}

function fadeIt(num){

if (num<numColors){

eval(fadeColor)

eval(closeIt)

num+=1;

setTimeout("fadeIt("+num+")",Cspeed)

}else{

hideIt()

}

function hideIt(){

if(hide){

if(ie)document.all.zoom.style.visibility="hidden"

if(n)document.layers.zoom.visibility="hidden"

}

function init(){

if(ie){

document.all.zoom.style.color=color[0]

document.all.zoom.style.fontFamily=font

}

if(ie || n) go(0)

}

function go(num){

gonum+=1

size=10

if(num<numText){

zoom(num,'go('+gonum+')')

}else{

fadeIt(0)

}

// --></SCRIPT>
</P>
<DIV align=center id=zoom style="POSITION: absolute; TOP: 10px"></DIV><BR>
<P>
<P><BR><BR><BR><BR><BR></P><BR>

</BODY></HTML>

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

Obs: O texto que você quer que apareça deve ser escrito na parte que deixei em vermelho no código: text=new Array('Escrever seu texto aqui http://www.ilove.com.br/lili Lili') //TEXTO

Se você quiser, pode alterar as cores do texto, mudando os códigos que deixei em azul: color=new Array('#A9217B','#0F3F87','#F6CB48','#000000','#2C862E','#FFA421','#FFFFFF','#EC3930','#32C2FE') //Cores

Aqui você encontra uma tabela de cores

Aqui você encontra a versão prontinha para e-mail dessa tabela. Está zipada no formato .eml (próprio para o Outlook Express)

(Dica adaptada por Lilian Russo)


	.