:: Tutorial de E-mails ::

Texto em pingue-pongue

Para conseguir um efeito de texto em pingue-pongue com movimento, como se pode observar neste exemplo, faça o seguinte:

1. Abra uma nova mensagem

2. Clique na aba "Origem"

3. 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">

<TITLE>http://www.ilove.com.br/lili - Texto em Ping Pong</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript>
<!--

function SymError()
{
return true;
}

window.onerror = SymError;

//-->
</SCRIPT>

<SCRIPT>
<!--
// Copyright Peter Gehrig and Urs Dudli at www.24fun.com.
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.24fun.com

// Votre message ici ! Un long message ralentira le script.
var your_message="Veja este script - Texto em Pingue- Pongue "

// La police de caractères.
var textfont="Verdana"

// La taille des caractères.
var textsize=16

// La couleur des caractères.
var textcolor="#530026"

// La graisse du caractère. Valeur de 1 à 9 (gras).
var textboldness=7

// La vitesse du script
var tempo=50

// La distance horizontale entre les lettres.
var stepx=30

// La distance verticale entre les lettres.
var stepy=20

///////////////////////////////////
var msg=new Array()
var msg=your_message
var message=msg.split("")
var numberofletters=msg.length-1
var x,y
var marginbottom
var marginleft=0
var margintop=0
var marginright
textboldness=textboldness*100
var timer
var xpos=new Array()
var ypos=new Array()
var spancontent=new Array()

for (i=0; i<=numberofletters;i++) {
xpos[i]=0
ypos[i]=0
}

for (i=0;i<=numberofletters;i++) {
spancontent[i]="<span style='position:relative;font-family:"+textfont+";font-size:"+textsize+"pt;color:"+textcolor+";font-weight:"+textboldness+"'>"+message[i]+"</span>"
}

function setValues() {
var firsttimer= setTimeout("setValues2()",2000)
}

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}

function moveball() {
if (document.all) {
checkposition()
makesnake()
document.all.span0.style.posTop+=stepy
timer=setTimeout("moveball()",tempo)
}
if (document.layers) {
checkposition()
makesnake()
document.span0.top+=stepy
timer=setTimeout("moveball()",tempo)
}
}

function checkposition() {
if (document.all) {
if (document.all.span0.style.posLeft>marginright) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft-=1
}
if (document.all.span0.style.posLeft<marginleft) {
stepx=(stepx+randommaker(2))*-1
document.all.span0.style.posLeft+=1
}
if (document.all.span0.style.posTop>marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop-=1
}
if (document.all.span0.style.posTop<margintop) {
stepy=(stepy+randommaker(2))*-1
document.all.span0.style.posTop+=1
}
}
if (document.layers) {
if (document.span0.left>=marginright) {
stepx=(stepx+randommaker(2))*-1
document.span0.left-=10
}
if (document.span0.left<=marginleft) {
stepx=(stepx+randommaker(2))*-1
document.span0.left+=10
}
if (document.span0.top>=marginbottom) {
stepy=(stepy+randommaker(2))*-1
document.span0.top-=10
}
if (document.span0.top<=margintop) {
stepy=(stepy+randommaker(2))*-1
document.span0.top+=10
}
}
}
// -->
</SCRIPT>

<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY id=thisbody style="OVERFLOW-Y: hidden; OVERFLOW-X: hidden; WIDTH: 100%" bgColor=#ffffff
background="endereço da imagem de fundo" onload=setValues()>
<SCRIPT>

</SCRIPT>
</BODY></HTML>

Veja os itens que você pode alterar:

// Aqui você escreve sua mensagem, no espaço que marquei em vermelho
var your_message="Veja este script - Texto em Pingue- Pongue "

// Aqui, no espaço que marquei em vermelho, você indica o tipo da fonte
var textfont="Verdana"

// Aqui, no espaço que marquei em vermelho, você indica o tamanho da fonte
var textsize=16

// Aqui, no espaço que marquei em vermelho, você indica a cor da fonte
var textcolor="#530026"

// Aqui, no espaço que marquei em vermelho, você indica a intensidade da cor da fonte (1 a 9)
var textboldness=7

// Aqui, no espaço que marquei em vermelho, você indica o tempo do script
var tempo=50

// Aqui, no espaço que marquei em vermelho, você indica a distância horizontal entre as letras.
var stepx=30

// Aqui, no espaço que marquei em vermelho, você indica a distância vertical entre as letras.
var stepy=20

Autores do script: Peter Gehrig and Urs Dudli

(Dica adaptada e formatada por Lilian Russo)


	.