BO01 Pontinhos (movimento centro) - formatação adian

    
BO01 Pontinhos (movimento centro)

Esse tutorial oferece o script com efeito de pontos no background.


1 - Abra uma nova mensagem.
2 - Clique na abinha "Origem"
3  - Cole o script do efeito , logo acima do  código responsável pelo fechamento do e-mail. </BODY></HTML>
4 - Cole o seguinte código:

<SCRIPT language=JavaScript>


n=40;// Number of stars!
n4=(document.layers);
ie=(document.all);

for (i=0; i < n; i++){
if (n4)
document.write("<layer name='stars"+i+"' top=0 left=0 bgcolor=#ffffff width=1 height=1></layer>");
else
document.write('<div id="stars'+i+'" style="position:absolute;width:1px;height:1px;background:#ffffff;font-size:1px">.</div>');
}

h=0;
w=0;
cy=0;
cx=0;

y=new Array();
x=new Array();
iy=new Array();
ix=new Array();
dir=new Array();
v=new Array();
ds=new Array();
ac=new Array();

for (i=0; i < n; i++){
iy[i]=Math.random()*h;
ix[i]=Math.random()*w;
y[i]=iy[i];
x[i]=ix[i];
v[i]=1.3;
ac[i]=0;
ds[i]=0;
}

function fly(){
h=(ie)?document.body.clientHeight:window.innerHeight;
w=(ie)?document.body.clientWidth:window.innerWidth;
sy=(ie)?document.body.scrollTop:window.pageYOffset;
sx=(ie)?document.body.scrollLeft:window.pageXOffset;
cy=Math.floor((h/2));
cx=Math.floor((w/2));
for (i=0; i < n; i++){
divs=(n4)?document.layers["stars"+i]:document.getElementById("stars"+i).style;

ay=y[i]-cy;
ax=x[i]-cx;
dir[i]=Math.atan2(ay,ax)*180/Math.PI;

v[i]+=ac[i];
v[i]+=(v[i]/10);

if (v[i] > 0.4 && v[i] < 0.5){
if (!n4){divs.fontSize=2;divs.height=2;divs.width=2}
else{divs.clip.height=2;divs.clip.width=2}
}
if (v[i] > 10){
if (!n4){divs.fontSize=2;divs.height=2;divs.width=2;}
else{divs.clip.height=2;divs.clip.width=2;}
}
if (v[i] > 20){
if (!n4){divs.fontSize=3;divs.height=3;divs.width=3}
else{divs.clip.height=3;divs.clip.width=3}
}
if (v[i] > 30){
if (!n4){divs.fontSize=5;divs.height=5;divs.width=5}
else{divs.clip.height=5;divs.clip.width=5}
}

y[i]+=v[i]*Math.sin(dir[i]*Math.PI/180);
x[i]+=v[i]*Math.cos(dir[i]*Math.PI/180);

if (y[i] < 0 || y[i] > h-Math.round(v[i]) || x[i] < 0 || x[i] > w-Math.round(v[i])){
iy[i]=Math.random()*h;
ix[i]=Math.random()*w;
y[i]=iy[i];
x[i]=ix[i];
dx=cy-y[i];
dy=cx-x[i];
ds[i]=Math.sqrt(dy*dy+dx*dx);
ac[i]+=(-(ds[i]*ds[i])+(160000))/(100000000);//?
v[i]=Math.floor(ds[i]/30);
if (!n4){divs.fontSize=1;divs.height=1;divs.width=1}
else{divs.clip.height=1;divs.clip.width=1}
}
divs.top=y[i]+sy;
divs.left=x[i]+sx;
}
setTimeout('fly()',60);
}
fly();
// -->
</SCRIPT>

As cores que aparecem estão nas seguintes linhas do script:     

for (i=0; i < n; i++){
if (n4)
document.write("<layer name='stars"+i+"' top=0 left=0 bgcolor=#ffffff width=1 height=1></layer>");
else
document.write('<div id="stars'+i+'" style="position:absolute;width:1px;height:1px;background:#ffffff;font-size:1px">.</div>');
}
Sendo que a cor que está mais acima produz uma sombra na cor que está na linha debaixo do script
Para deixar os pontinhos mais volumosos basta manter as mesmas cores nas duas linhas.
Para alterar as cores basta substituir pelo  código  da nova cor.

5 - Colado o script, cheque o efeito na abinha "Visualizar":
6 - Visualizado o efeito . Volte na abinha "Editar" e complemente a formatação.

Sugestão para Script de Rodapé

<SCRIPT language=JavaScript>
ScrollSpeed = 600; // milliseconds between scrolls
ScrollChars = 4; // chars scrolled per time period

function SetupTicker() {
// add space to the left of the message
msg = "ESCREVA AQUI SEU TEXTO **** ";
RunTicker();}

function RunTicker() {
window.setTimeout('RunTicker()',ScrollSpeed);
window.status = msg;
msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);}
SetupTicker();

</SCRIPT>

BO01 - Envie para o grupo um e-mail formatado como foi ensinado nesse tutorial.
Ele deverá conter:
Script com o efeito ensinando nesse tutorial
background
Imagem ( opcional)
Texto
Borda Colorida
Barra de Rolagem Colorida
Script para Mensagem no Rodapé (opcional)
Música
Assinatura (opcional)




Não esqueça, por favor:
colocar no assunto: seu nome ou nick - BO01 - Background : Efeito Pontinhos
Crie seu próprio material para a formatar a aula
No corpo do e-mail coloque o link correspondente a esse tutorial.
Não esqueça do anti-banner
Verifique o Peso antes de enviar a Mensagem

Copyright© 2002/2004 Dama Da Noite * Todos os direitos reservados*

Esse  tutorial foi criado por brisa®  em janeiro 2007  especialmente para o Grupo PSP Brasil.

É expressamente proibida, por lei, a divulgação desta página em outro site ou qualquer outro modo de veiculação sem a autorização expressa da autora ou dos detentores de copyright do texto, da formatação e dos demais elementos que compõem a página. 

Direitos Autorais protegidos pela Lei 9.610 de 19/02/1998.