CPC01 Pontinhos coloridos - formatação adian


"Clique em cima da flechinha e arraste para marcar o passo do tutorial onde está trabalhando"





    

CPC01 Pontinhos coloridos

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


4 - Cole o seguinte código:

<SCRIPT language=JavaScript>


Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')
amount=10;
Xpos = 0;
Ypos = 0;
if (document.layers){
for (i = 0; i < amount; i++)
{document.write('<layer name=nstrs'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor=#ff0000></layer>')}
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
Xpos = window.pageYOffset+evnt.pageX+1;
Ypos = window.pageYOffset+evnt.pageY+4;
}
window.onMouseMove = nsMouse;
}
else if (document.all){
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">'
+'<div id="c" style="position:relative">');
for (i = 0; i < amount; i++)
{document.write('<div style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';font-size:'+i/2+'"></div>')}
document.write('</div></div>');
function ieMouse(){
Ypos = document.body.scrollTop+event.y+4;
Xpos = document.body.scrollLeft+event.x+1;
}
document.onmousemove = ieMouse;
}

function animateLogo(){
if (document.layers){
for (i = 0; i < amount; i++)
{
var randCol=Math.round(Math.random()*8);
document.layers['nstrs'+i].bgColor=Clrs[randCol];

if (i < amount-1)
{
document.layers['nstrs'+i].top=document.layers['nstrs'+(i+1)].top;
document.layers['nstrs'+i].left=document.layers['nstrs'+(i+1)].left;
}
else
{
document.layers['nstrs'+i].top = Ypos;
document.layers['nstrs'+i].left =Xpos;
}
}
}
else if (document.all){
for (i = 0; i < amount; i++)
{
var randCol=Math.round(Math.random()*8);
ieDiv.all.c.all[i].style.background=Clrs[randCol];
if (i < amount-1)
{
ieDiv.all.c.all[i].style.top=ieDiv.all.c.all[i+1].style.top;
ieDiv.all.c.all[i].style.left=ieDiv.all.c.all[i+1].style.left;
}
else
{
ieDiv.all.c.all[i].style.top = Ypos;
ieDiv.all.c.all[i].style.left =Xpos;
}
}
}
setTimeout("animateLogo()",10);
}
animateLogo();
</SCRIPT>


As cores que aparecem estão na seguinte linha do código:        Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff') Para alterá-las, basta trocar o código da cor.
PS:A cor tem uma alteração no seu código ela está sem # na frente.
Para aumentar o volume de pontinhos que disparam do mouse altere o valor em: Amount = 10
Para aumentar o velocidade altere o valor em: setTimeout('MouseBubbles()', 10)  -  movimento + rápido = número menor e vice versa.

5 - Colado o script, cheque o efeito na abinha "Visualizar":
PS: coloque o cursor ( mouse) sobre o papel .


6 - Prontinho o efeito: Pontinhos Coloridos. Uma gracinha, concorda?
7 - 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é
texto
música ( Formatar/Plano de fundo/ Som)
assinatura ( opcional)


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>







CPC01 - Envie para o grupo um e-mail formatado como foi ensinado nesse tutorial.
Ele deverá conter:
Script com o efeito : Pontinhos Coloridos no cursor
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 - CPC01 - Cursor: Pontinhos Coloridos
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.


Nenhum comentário:

Postar um comentário

Para se inscrever nas listas clique nos títulos de cada grupo na página inicial. Comece com as aulas de PSP, depois continue com o PSP + AS, e se quiser siga com o Xara e a Formatação para criar belos e-mails.
Deixe aqui suas opiniões e seja sempre bem-vindo(a).