:: Tutorial de E-mails ::

Frase que acompanha 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:

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

<HTML>
<head>
</head>
<body text="#000000" onload="makesnake()"
style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%" >
<style>.spanstyle {
COLOR: black; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<SCRIPT LANGUAGE="JavaScript">
var x, y;
var step = 10;
var flag = 0;
var message = "escrever aqui a frase";
message = message.split("");
var xpos = new Array();
for (i = 0; i <= message.length - 1; i++) {
xpos[i] = -50;
}
var ypos = new Array();
for (i = 0; i <= message.length - 1; i++) {
ypos[i]= -50;
}
function handlerMM(e) {
x = (document.layers) ? e.pageX : document.body.scrollLeft + event.clientX;
y = (document.layers) ? e.pageY : document.body.scrollTop + event.clientY;
flag = 1;
}
function makesnake() {
if (flag == 1 && document.all) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("span" + (i) + ".style");
thisspan.posLeft = xpos[i];
thisspan.posTop = ypos[i];
}
}
else if (flag==1 && document.layers) {
for (i = message.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < message.length - 1; i++) {
var thisspan = eval("document.span" + i);
thisspan.left = xpos[i];
thisspan.top = ypos[i];
}
}
var timer = setTimeout("makesnake()", 10);
}
</script>
<SCRIPT LANGUAGE="JavaScript">
for (i = 0; i <= message.length-1; i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</script>
</BODY>
</HTML>

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

No lugar indicado em vermelho escreva a frase que você quer que acompanhe o mouse, lembrando-se de manter as aspas.

Para mudar a cor do texto, altere o código de cor que deixei em azul: <body text="#000000"

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)

(Dica adaptada por Lilian Russo)


	.