Chuva de Estrelas
Se você quiser mandar um e-mail com o efeito de uma chuva
de estrelas, como pode ver aqui
neste exemplo, basta abrir uma nova mensagem, deletar tudo o
que aparece na aba "Origem" e colar o código abaixo:
As cores podem ser alteradas. Deixei-as assinaladas em vermelho
no script.
A primeira cor <BODY bgColor=#000000>
refere-se à cor do fundo do papel e a segunda, "position:absolute;
height:1; width:1; font-family:arial black; font-size:9px;
color:#FFFFAA; z-index:10;" refere-se
à cor das estrelinhas.
Se você quiser estrelas maiores, pode alterar o "font-size:9px",
por exemplo, para 12px.
Experimente!
Abra uma nova mensagem, delete tudo o que está na aba "Origem"
e cole o seguinte código:
----------------------------------------------------------------------------------------------------------------------------------------------------------------
<!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.2600.0" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#000000>
<DIV id=sDiv0>*</DIV>
<DIV id=sDiv1>*</DIV>
<DIV id=sDiv2>*</DIV>
<DIV id=sDiv3>*</DIV>
<DIV id=sDiv4>*</DIV>
<DIV id=sDiv5>*</DIV>
<DIV id=sDiv6>*</DIV>
<DIV id=sDiv7>*</DIV>
<DIV id=sDiv8>*</DIV>
<DIV id=sDiv9>*</DIV>
<STYLE type=text/css>
#sDiv0, #sDiv1, #sDiv2, #sDiv3, #sDiv4, #sDiv5, #sDiv6, #sDiv7,
#sDiv8, #sDiv9
{
position:absolute; height:1; width:1; font-family:arial black; font-size:9px;
color:#FFFFAA; z-index:10;
}
</STYLE>
<SCRIPT language=JavaScript1.2>
<!--
/*
Document firework script (By Matt Gabbert, mgabbert@usrtoday.com,
http://www.nolag.com)
Featured on Dynamicdrive.com
For full source and 100's more DHTML scripts, visit http://www.dynamicdrive.com
*/
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && self.innerWidth &&
(window.pageXOffset>-1));
//my way of making sure the browser will have what I need
var allDivs = new Array(10);
var documentWidth,documentHeight;
function initAll(){
if(!ns && !ie && !w3) return;
for(dNum=0; dNum<10; ++dNum){
if(ie) allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style');
else if(ns) allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]');
else if(w3) allDivs[dNum]=eval('document.getElementById("sDiv'+dNum+'").style');
moveTo(dNum,0,0);
}
}
function moveTo(i,tempx,tempy){
if (ie){
documentWidth =document.body.offsetWidth+document.body.scrollLeft-20;
randomy=Math.floor(Math.random()*document.body.offsetHeight)+document.body.scrollTop-20;
}
else if (ns){
documentWidth=window.innerWidth+window.pageXOffset-20;
randomy=Math.floor(Math.random()*window.innerHeight)+window.pageYOffset-20;
}
else if (w3){
documentWidth=self.innerWidth+window.pageXOffset-20;
randomy=Math.floor(Math.random()*self.innerHeight)+window.pageYOffset-20;
}
if(tempx>-50){
tempx-=45;
allDivs[i].left=tempx;
allDivs[i].top =tempy;
setTimeout("moveTo("+i+","+tempx+","+tempy+")",40)
}
else
setTimeout("moveTo("+i+",documentWidth-10,randomy)",2000/i+40);
}
window.onload=initAll
//End-->
</SCRIPT>
<DIV> </DIV>
<DIV><FONT color=#ffff00>Aqui seu texto</FONT></DIV></BODY></HTML>
----------------------------------------------------------------------------------------------------------------------------------------------------------------
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 para uso em Outlook Express por Lilian Russo)
Lilian Russo - Todos os Direitos Reservados - ©2002/2008
- Design by iCre@tions
|
