Rodapé animado

 

Se você quiser uma mensagem de rodapé animada, como neste exemplo, faça o seguinte:

1.Abra uma nova mensagem.

2.Clique em "Origem" e delete tudo o que lá aparece.

3.Cole o seguinte script:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2800.1170" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV>&nbsp;</DIV>
<SCRIPT language=JavaScript>
today = new Date();
display= "http://www.ilove.com.br/lili" //today.toLocaleString();


var hellotext=" Texto1 ";
var hellotext2=" Texto2 ";
var thetext="hand";
var thetext2="Hand2";
var started=false;
var step=0;
var times=1;

function welcometext()
{
times--
if (times==0)
{
if (started==false)
{
started = true;
window.status = hellotext;
setTimeout("anim()",1);
}
thetext = hellotext;
thetext2 = hellotext2;
}
}

function showstatustext(txt)
{
thetext = txt;
setTimeout("welcometext()",4000)
times++
}

function anim()
{
step++

if (step==40) {step=1}
if (step==1) {window.status='>.........'+thetext+'.........<........................................ '+display}
if (step==2) {window.status='.>........'+thetext+'........<......................................... '+display}
if (step==3) {window.status='..>.......'+thetext+'.......<.......................................... '+display}
if (step==4) {window.status='...>......'+thetext+'......<........................................... '+display}
if (step==5) {window.status='....>.....'+thetext+'.....<............................................ '+display}
if (step==6) {window.status='.....>....'+thetext+'....<............................................. '+display}
if (step==7) {window.status='......>...'+thetext+'...<.............................................. '+display}
if (step==8) {window.status='.......>..'+thetext+'..<............................................... '+display}
if (step==9) {window.status='........>.'+thetext+'.<................................................ '+display}
if (step==10) {window.status='.........>'+thetext+'<................................................. '+display}
if (step==11) {window.status='.........<'+thetext+'>................................................. '+display}
if (step==12) {window.status='........<.'+thetext+'.>............................................... '+display}
if (step==13) {window.status='.......<..'+thetext+'..>............................................... '+display}
if (step==14) {window.status='......<...'+thetext+'...>.............................................. '+display}
if (step==15) {window.status='.....<....'+thetext+'....>............................................. '+display}
if (step==16) {window.status='....<.....'+thetext+'.....>............................................ '+display}
if (step==17) {window.status='...<......'+thetext+'......>........................................... '+display}
if (step==18) {window.status='..<.......'+thetext+'.......>.......................................... '+display}
if (step==19) {window.status='.<........'+thetext+'........>......................................... '+display}
if (step==20) {window.status='<.........'+thetext+'.........>........................................ '+display}
if (step==21) {window.status='>.........'+thetext2+'.........<. '+display}
if (step==22) {window.status='.>........'+thetext2+'........<.. '+display}
if (step==23) {window.status='..>.......'+thetext2+'.......<... '+display}
if (step==24) {window.status='...>......'+thetext2+'......<.... '+display}
if (step==25) {window.status='....>.....'+thetext2+'.....<..... '+display}
if (step==26) {window.status='.....>....'+thetext2+'....<...... '+display}
if (step==27) {window.status='......>...'+thetext2+'...<....... '+display}
if (step==28) {window.status='.......>..'+thetext2+'..<........ '+display}
if (step==29) {window.status='........>.'+thetext2+'.<......... '+display}
if (step==30) {window.status='.........>'+thetext2+'<.......... '+display}
if (step==31) {window.status='.........<'+thetext2+'>.......... '+display}
if (step==32) {window.status='........<.'+thetext2+'.>......... '+display}
if (step==33) {window.status='.......<..'+thetext2+'..>........ '+display}
if (step==34) {window.status='......<...'+thetext2+'...>....... '+display}
if (step==35) {window.status='.....<....'+thetext2+'....>...... '+display}
if (step==36) {window.status='....<.....'+thetext2+'.....>..... '+display}
if (step==37) {window.status='...<......'+thetext2+'......>.... '+display}
if (step==38) {window.status='..<.......'+thetext2+'.......>... '+display}
if (step==39) {window.status='.<........'+thetext2+'........>.. '+display}
if (step==40) {window.status='<.........'+thetext2+'.........>. '+display}


setTimeout("anim()",100);
}
welcometext();
// --></SCRIPT>
</BODY></HTML>


Prontinho. Basta você substituir o que está em vermelho "http://www.ilove.com.br/lili" (a mensagem que vai se aproximando) "Texto1" e "Texto2" (as mensagens que ficam animadas) pelas mensagens que quiser.

Agora é só voltar à "Editar" e fazer as formatações que desejar.

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

(Lembre-se de clicar na aba "Visualizar" para ver o efeito.)

(Dica adaptada por Lilian Russo)

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



.