CPC04 Movimento Explosão - formatação adian


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





    

CPC04 Movimento  Explosão

Esse tutorial oferece o Script do Pontinhos Coloridos com Movimento Explosão. Basta movimentar o cursor (seu mouse) pelo seu papel de carta.

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  - Efeito pontinhos coloridos com movimento explosão circular -


<SCRIPT language=JavaScript>
<!-- Mouse Stars 2 Script by kurt.grigg@virgin.net

//To add more stars simply add more colours in below array!!
colours=new Array('#2161DE','#2161DE','D8D2A0','#2161DE','#2161DE','#2161DE','#2161DE', '#FFFF00','#FFFF00','#FFFF00','#FFFF00','#FFFF00','#FFFF00','#FFFF00','#42AA42',

'#42AA42','D8D2A0','#42AA42','#42AA42','#42AA42','D8D2A0','#42AA42','#424D84',

'#424D84','#424D84','#424D84','#424D84','#424D84','#424D84')


//Alter nothing below!!
amount=colours.length;
YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,ns=(document.layers)?1:0,step=0.2,currStep=0,my=0,mx=0;
if (ns){
for (i=0; i < amount; i++)
document.write('<LAYER NAME="nsstars'+i+'" BGCOLOR='+colours[i]+' CLIP="0,0,2,2"></LAYER>');
}
else{
document.write('<div id="ie" style="position:absolute"><div style="position:relative">');
for (i=0; i < amount; i++)
document.write('<span id="iestars" style="position:absolute;width:2px;height:2px;background:'+colours[i]+';font-size:2px"></span>');
document.write('</div></div>');
}
if (ns){
window.captureEvents(Event.MOUSEMOVE);
function nMouse(evnt){
my=evnt.pageY;mx=evnt.pageX

}
window.onMouseMove=nMouse;
}
else{
function iMouse(){
my=event.y;mx=event.x;
}
document.onmousemove=iMouse
}
function stars(){
if (!ns)ie.style.top=document.body.scrollTop;
for (i=0; i < amount; i++)
{
var layer=(document.layers)?document.layers["nsstars"+i]:iestars[i].style;
layer.top= Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);
}
currStep+=step;
}

function delay(){
Ydelay = YgetDelay+=(my-YgetDelay)*1/20;
Xdelay = XgetDelay+=(mx-XgetDelay)*1/20;
stars();
setTimeout('delay()',10);
}
delay();
//-->
</SCRIPT>


As cores que aparecem estão na seguinte linha do código:     

//To add more stars simply add more colours in below array!!
colours=new Array('#2161DE','#2161DE','#D8D2A0','#2161DE','#2161DE','#2161DE','#2161DE', '#FFFF00','#FFFF00','#FFFF00','#FFFF00','#FFFF00','#FFFF00','#FFFF00','#42AA42',

'#42AA42','D8D2A0','#42AA42','#42AA42','#42AA42','D8D2A0','#42AA42','#424D84',

'#424D84','#424D84','#424D84','#424D84','#424D84','#424D84'
)

Para alterá-las, basta trocar o código da cor.

5 - Clico na aba  "Visualizar" para checar o resultado, *coloque o cursor ( mouse) sobre o papel.


6 - Visualizado 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)


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>







 CPC04 - 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)




Não esqueça, por favor:
colocar no assunto: seu nome ou nick - CPC04 - Cursor: Efeito Pontinhos Coloridos com Movimento Explosão
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
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.


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).