:: Tutorial de E-mails ::

Outro efeito com letras coloridas em movimento

Para conseguir um efeito que faz com que cada letra apareça em realce, como neste exemplo, basta você abrir uma nova mensagem, deletar tudo o que estiver na aba "Origem" e colar o script que aparece logo abaixo.
Depois é só substituir a mensagem que aparece no código em vermelho. Se você quiser alterar o tamanho da fonte e/ou das cores, bem como a velocidade, pode modificar os itens:

color1 = "black"; // original text color (cor do texto)
color2 = "red"; // new character color (a cor da letra que vai aparecer em realce)
fontsize = "6"; // font size of text (tamanho da fonte)
speed =" 98 "; (velocidade - quanto mais alto for o número, mais lenta será a velocidade).

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

<!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=#ffffff>
<SCRIPT language=JavaScript>

<!-- Begin
text = " Este efeito faz com que cada letra da mensagem apareça em realce. Espero que você goste. Um abraço da Lili "; // The text to scroll
color1 = "black"; // original text color
color2 = "red"; // new character color
fontsize = "6"; // font size of text
speed =" 98 "; // how fast to rotate to next character
// time is in milliseconds, (i.e. 1000 = 1 second)

i = 0;
if (navigator.appName == "Netscape") {
document.write("<layer id=a visibility=show></layer><br><br><br>");
}
else {
document.write("<div id=a></div>");
}
function changeCharColor() {
if (navigator.appName == "Netscape") {
document.a.document.write("<center><font size =" + fontsize + "><font color=" + color1 + ">");
for (var j = 0; j < text.length; j++) {
if(j == i) {
document.a.document.write("<font color=" + color2 + ">" + text.charAt(i) + "</font>");
}
else {
document.a.document.write(text.charAt(j));
}
}
document.a.document.write('</font></font></center>');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "<center><font size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if( j == i) {
str += "<font color=" + color2 + ">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);
}
}
str += "</font></font></center>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++; // reset after going through all letters
}
setInterval("changeCharColor()", speed);
// End -->
</SCRIPT>

</BODY></HTML>

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

Você pode voltar à aba Editar e formatar seu plano de fundo, o som e/ou inserir figuras.

(Dica adaptada por Lilian Russo)


	.