CT03 Dingbat - Coração - formatação adian

    

CT03 Dingbat - Coração

Este tutorial oferece o Script com o efeito de coração. Basta clicar em qualquer lugar do e-mail que coraçãozinhos aparecem.

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:  Mouse: Corações

<BODY bgColor=#ffffff onload=initMouseEvents()><!-- COMEÇA AQUI -->
<SCRIPT language=JavaScript1.2>
<!-- Begin
var ver = navigator.appVersion;
var dom = document.getElementById ? 1 : 0;
var ie5 = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0;
var n = (document.layers);
var ie = (document.all);

var sparksAflyin = 0;
var totalSparks = 0;
var sparksOn = 1;
function initMouseEvents() {
document.onmousedown = mouseDown;
if (n) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE);
}
function mouseDown(e) {
if (sparksOn) {
var mousex = (n) ? e.pageX : event.x+document.body.scrollLeft;
var mousey = (n) ? e.pageY : event.y+document.body.scrollTop;
if (!sparksAflyin) {
for (var k = 0; k <= 9; k++)
eval('SHOW("sDiv'+k+'")');
sparksAflyin = 1;
totalSparks = 0;
for(i = 0;i <= 9; i++)
eval('moveTo('+i+',0,'+mousex+','+mousey+')');
}
}
}
function moveTo(i,j, mousex, mousey){
if (j < eval('anim_'+i+'_x.length') ){
var tempx = eval('anim_'+i+'_x[j]+mousex');
var tempy = eval('anim_'+i+'_y[j]+mousey');
if (ie) {
if(tempy+30 > (document.body.offsetHeight+document.body.scrollTop))
tempy = document.body.offsetHeight+document.body.scrollTop-30;
if(tempx+30 > (document.body.offsetWidth+document.body.scrollLeft))
tempx = document.body.offsetWidth+document.body.scrollLeft-30;
eval('document.all.sDiv'+i+'.style.left = tempx;');
eval('document.all.sDiv'+i+'.style.top = tempy;');
}
if (n) {
eval('document.layers.sDiv'+i+'.left = tempx;');
eval('document.layers.sDiv'+i+'.top = tempy;');
}
j++;
// timeout: 50 = fireworks speed, larger number = slower speed
setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50)
}
else {
eval('HIDE("sDiv'+i+'")');
totalSparks++;
}
if (totalSparks == 10) {
sparksAflyin = 0;
totalSparks = 0;
}
}
function SHOW(divName){
if (document.all)
eval('document.all.'+divName+'.style.visibility = "visible";');
else if (document.layers)
eval('document.layers["'+divName+'"].visibility = "visible";');
}
function HIDE(divName){
if (document.all)
eval('document.all.'+divName+'.style.visibility = "hidden";');
else if (document.layers)
eval('document.layers["'+divName+'"].visibility = "hide";');
}
anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0);
anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);
anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);
anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);
anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);
anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);
anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211);
anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);
anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288);
anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248);
anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);
anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257);
anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175);
anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68);
anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109);
anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188);
anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287);
anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273);
// End -->

</SCRIPT>
<BASE target=_self>
<DIV id=sDiv0 style="VISIBILITY: hidden; POSITION: absolute"><BR></DIV>
<DIV id=sDiv1 style="VISIBILITY: hidden; POSITION: absolute"><BR><FONT
face=symbol,wingdings,arial color=#c9c9e4 size=1>*</FONT><BR></DIV>
<DIV id=sDiv2 style="VISIBILITY: hidden; POSITION: absolute"><BR><FONT
face=symbol,wingdings,arial color=#c9c9e4 size=1>*</FONT><BR></DIV>
<DIV id=sDiv3 style="VISIBILITY: hidden; POSITION: absolute"><BR><FONT
face=symbol,wingdings,arial color=#8080c1 size=1>©</FONT><BR></DIV>
<DIV id=sDiv4 style="VISIBILITY: hidden; POSITION: absolute"><BR><FONT
face=symbol,wingdings,arial color=#5353a6 size=1>©</FONT><BR></DIV>
<DIV id=sDiv5 style="VISIBILITY: hidden; POSITION: absolute"><BR><FONT
face=symbol,wingdings,arial color=#c9c9e4 size=1>©</FONT><BR></DIV>
<DIV id=sDiv6 style="VISIBILITY: hidden; POSITION: absolute"><BR><FONT
face=symbol,wingdings,arial color=#c9c9e4 size=1>©</FONT><BR></DIV>
<DIV id=sDiv7 style="VISIBILITY: hidden; POSITION: absolute"><BR><FONT
face=symbol,wingdings,arial color=#8080c1 size=1>©</FONT><BR></DIV>
<DIV id=sDiv8 style="VISIBILITY: hidden; POSITION: absolute"><BR><FONT
face=symbol,wingdings,arial color=#5353a6 size=1>©</FONT><BR></DIV>
<DIV id=sDiv9 style="VISIBILITY: hidden; POSITION: absolute"><BR><FONT
face=symbol,wingdings,arial color=#5353a6 size=1>©</FONT><BR></DIV><!-- ACABA AQUI -->

O efeito é produzido por um ding
O que está marcado em verde no script é a cor do coração, vc poder alterar  esse código da cor,  por o código da cor de sua preferência. ou melhor códigos, pois observe os códigos estão diferentes... isso indica está sendo trabalhado em cores diferentes.
Nesse caso aqui foi trabalhado em tons de azul.
5 - Colado o código clique na abinha Visualizar. Para checar o efeito
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 muitos interferem no funcionamento do script principal, se colocar prefira o que não tem movimento)
Texto
Música
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>

Muito fácil esse script e o efeito tbm é muito lindo
beijos, brisa®





CT03 - Crie uma linda formatação usando o efeito ensinado nesse tutorial  e envie para o grupo:
Ele deverá conter:
Script com efeito coração.
Background
Imagem
Texto
Borda Colorida
Barra de Rolagem Colorida
Script para Mensagem no Rodapé (opcional)
Música
Assinatura




Não esqueça, por favor:
Colocar no assunto: seu nome ou nick - CT03- Cursor: Efeito Corações
No corpo do e-mail coloque o link correspondente a esse tutorial.
Verificar o peso de sua mensagem.
Não esqueça do anti-banner

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

Esse  tutorial foi criado por brisa®  em setembro de 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.