:: Tutorial de E-mails ::

Efeito de pontinhos no mouse

Para conseguir um efeito de pontinhos coloridos na ponta do mouse, como neste exemplo, faça o seguinte:

Abra uma nova mensagem e clique em "Origem". Apague tudo o que encontrar 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.2713.1100" name=GENERATOR></HEAD>
<BODY bgColor=white>
<SCRIPT language=JavaScript>

Clrs=new Array('ffcc00','00ff00','ffeeff','ff00ff','ffa500','ffff00','00ff00','ccffff','ff00ff')
amount=10;
Xpos = 0;
Ypos = 0;
if (document.layers){
for (i = 0; i < amount; i++)
{document.write('<layer name=nstrs'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor=#ff0000></layer>')}
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
Xpos = window.pageYOffset+evnt.pageX+1;
Ypos = window.pageYOffset+evnt.pageY+4;
}
window.onMouseMove = nsMouse;
}
else if (document.all){
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">'
+'<div id="c" style="position:relative">');
for (i = 0; i < amount; i++)
{document.write('<div style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';font-size:'+i/2+'"></div>')}
document.write('</div></div>');
function ieMouse(){
Ypos = document.body.scrollTop+event.y+4;
Xpos = document.body.scrollLeft+event.x+1;
}
document.onmousemove = ieMouse;
}

function animateLogo(){
if (document.layers){
for (i = 0; i < amount; i++)
{
var randCol=Math.round(Math.random()*8);
document.layers['nstrs'+i].bgColor=Clrs[randCol];

if (i < amount-1)
{
document.layers['nstrs'+i].top=document.layers['nstrs'+(i+1)].top;
document.layers['nstrs'+i].left=document.layers['nstrs'+(i+1)].left;
}
else
{
document.layers['nstrs'+i].top = Ypos;
document.layers['nstrs'+i].left =Xpos;
}
}
}
else if (document.all){
for (i = 0; i < amount; i++)
{
var randCol=Math.round(Math.random()*8);
ieDiv.all.c.all[i].style.background=Clrs[randCol];
if (i < amount-1)
{
ieDiv.all.c.all[i].style.top=ieDiv.all.c.all[i+1].style.top;
ieDiv.all.c.all[i].style.left=ieDiv.all.c.all[i+1].style.left;
}
else
{
ieDiv.all.c.all[i].style.top = Ypos;
ieDiv.all.c.all[i].style.left =Xpos;
}
}
}
setTimeout("animateLogo()",10);
}
animateLogo();
</SCRIPT>
</BODY></HTML>

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

Obs: Caso você queira mudar as cores dos pontinhos, pode alterar aqui: Clrs=new Array('ffcc00','00ff00','ffeeff','ff00ff','ffa500','ffff00','00ff00','ccffff','ff00ff')

Se quiser alterar o tamanho de cada pontinho, pode fazê-lo aqui:
amount=10; (quanto menor o número, menor ficará o pontinho)

Você pode voltar à aba "Editar" e formatar um plano de fundo escolhendo imagem e som.

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 que o efeito só é visto quando clicamos na aba "Visualizar"

(Dica adaptada por Lilian Russo)


	.