IMF01 Fireworks - formatação adian

    

IMF01 Fireworks

Esse tutorial oferece o Script Fireworks ( fogos). Basta movimentar o cursor (seu mouse) pelo seu papel de carta.

1 - Abra uma nova mensagem.
2 - Clique na abinha "Origem"
3 -Coloque o cursor no final do código responsável pela cor de fundo "bgColor=#fffffff" e dê enter:

4 - Cole o seguinte script:

Script  - Fireworks

<SCRIPT language=JavaScript>


ns=(document.layers)?1:0;

amount=14;

if (ns){

for (i=0; i < amount; i++)

document.write("<LAYER NAME='nsstars"+i+"' LEFT=0 TOP=0 BGCOLOR='#FF0000' CLIP='0,0,1,1'></LAYER>");

}

else{

document.write("<div id='ieCov' style='position:absolute;top:0px;left:0px'>");

document.write("<div style='position:relative'>");

for (i=0; i < amount; i++)

document.write("<div id='iestars' style='position:absolute;top:0px;left:0px;width:1;height:1;background:#ffffff;font-size:1'></div>");

document.write("</div></div>");

}

Clrs=new Array('000000','000000','c0c0c0','808080','808080','c0c0c0','000000','000000','000000')

sClrs=new Array('000000','000000','000000','000000','000000')

Xpos=300;

Ypos=150;

initialStarColor='#ffffff';

step=5;

currStep=0;

explosionSize=120;

function Fireworks(){

var WinHeight=(document.layers)?window.innerHeight-100:window.document.body.clientHeight-100;

var WinWidth=(document.layers)?window.innerWidth-100:window.document.body.clientWidth-100;

var Yscroll=(document.layers)?window.pageYOffset:document.body.scrollTop;

for (i=0; i < amount; i++){

var layer=(document.layers)?document.layers["nsstars"+i]:iestars[i].style;

var randCol=Math.round(Math.random()*8);

var randSz=Math.round(Math.random()*2);

layer.top = Ypos + explosionSize*Math.sin((currStep+i*5)/3)*Math.sin(currStep/100)

layer.left= Xpos + explosionSize*Math.cos((currStep+i*5)/3)*Math.sin(currStep/100)

if (currStep < 110){

if (ns){layer.bgColor=initialStarColor;layer.clip.width=1;layer.clip.height=1}

else{layer.background=initialStarColor;layer.width=1;layer.height=1;layer.fontSize=1}

}

else{

if (ns){layer.bgColor=Clrs[randCol];layer.clip.width=randSz;layer.clip.height=randSz}

else{layer.background=Clrs[randCol];layer.width=randSz;layer.height=randSz;layer.fontSize=randSz}

}

}

if (currStep > 220)

{

currStep=0;

Ypos = 50+Math.round(Math.random()*WinHeight)+Yscroll;

Xpos = 50+Math.round(Math.random()*WinWidth);

for (i=0; i < sClrs.length; i++)

{

var newIcol=Math.round(Math.random()*i);

}

initialStarColor=sClrs[newIcol];

explosionSize=Math.round(80*Math.random()+100);

}

currStep+=step;

setTimeout("Fireworks()",20);

}

Fireworks();


</SCRIPT>

As cores que aparecem estão na seguinte linha do script:     
Para alterá-las, basta trocar o código da cor.

Clrs=new Array('000000','000000','c0c0c0','808080','808080','c0c0c0','000000','000000','000000')
sClrs=new Array('000000','000000','000000','000000','000000')

Perceba que a cor está somente com letras e números sem o "#"  inserido em seu código
5 - Colado o script.
6 - Clico na aba  "Visualizar" para checar o resultado
8 - Checado o efeito. Volte a abinha "Editar" e complete a formatação  com:
background (Formatar/Plano de fundo/ Imagem)
imagem ( opcional)
borda colorida
barra de rolagem colorida
script para rodapé ( opcional - pois muito interferem no funcionamento do script principal, se colocar prefira o que não tem movimento)
texto
música ( Formatar/Plano de fundo/ Som)
assinatura ( opcional)
gifs ( opcional)


Sugestão para Script de Rodapé

<SCRIPT language=JavaScript>
<!--
ScrollSpeed = 100; // milliseconds between scrolls
ScrollChars = 0; // chars scrolled per time period

function SetupTicker() {
// add space to the left of the message
msg = " ~ ~ ~ Escreva seu texto aqui ~ ~ ~ ";
RunTicker();}

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

<!-- end -->
</SCRIPT>

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





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

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.