DicaBlog.hpg.com.br

Atualizado em 06/09/03
Mouse cobrinha

Com esse código você vai colocar no seu blog um mouse com uma cobrinha de pontinhos coloridos que fica seguindo o mouse e se movimentando

Ele é simples e você não precisa fazer nada nele

Selecione o código que esta dentro da caixa passando o mouse encima e depois com o botão direito do mouse copie e coloque depois da tag <BODY>

<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="white" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="yellow" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="gold" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="white" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="yellow" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="gold" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="white" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="yellow" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="gold" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="white" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="yellow" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="gold" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="white" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="yellow" CLIP="0,0,2,2"></LAYER> <script language="JavaScript">  </script>

Atualizado em 06/09/03
Mouse explode

Com esse código você vai colocar no seu blog um mouse que quando a pessoa clica em qualquer lugar do seu blog ele da um efeito de explosão com um monte de pontinhos coloridos voando do mouse

O código é complicado mais vale a pena você colocar no seu blog

Primeiro: você vai Selecione o código que esta dentro da caixa passando o mouse encima e depois vai com o botão direito do mouse copiar e colocar entre as tags <HEAD>aqui<HEAD> do seu blog

<SCRIPT LANGUAGE="JavaScript1.2">  </script>

Segundo: você vai pegar este código body OnLoad="initMouseEvents()" não se esqueça da aspas (").Pegue do jeito que está e não mexa em nada agora você vai colocar ele dentro da tag <BODY> mais tem que ser do jeito que eu vou explica

a sua tag <BODY> vai estar mais ou menos assim, mais não importa o jeito dela, Veja <body link="#FFFFFF" vlink="#0000FF" alink="#808000">
Agora você vai inserir o código acima no final antes do (>) ele vai ficar deste jeito mais veja bem como vai ficar para não ter erros.Veja
<body link="#FFFFFF" vlink="#0000FF" alink="#808000" body OnLoad="initMouseEvents()">
não esqueça de dar um espaço antes de copiar ele para o lugar indicado e compare um com o outro para ver a diferença (não se esqueça que este é um exemplo e você tem que fazer na tag <BODY> do seu template e não pegue essa que vai dar erro no seu blog)

Se você entendeu essa parte vem ai a terceira parte mais que é bem mais fácil

Terceira: agora selecione o código que esta dentro da caixa passando o mouse encima e depois com o botão direito do mouse copie e coloque depois da tag <BODY> do seu blog

<div id="sparks"> <div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">.</font></div> <div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">.</font></div> <div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="arial black" color="blue">.</font></div> <div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">.</font></div> <div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="arial black" color="orange">.</font></div> <div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">.</font></div> <div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="arial black" color="green">.</font></div> <div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="arial black" color="skyblue">.</font></div> <div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">.</font></div> <div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">.</font></div> </div>
esse foi complicado mais é um dos que eu mais gosto e vale a pena você colocar no seu blog

Atualizado em 06/09/03
Mensagem ao redor do mouse

Com esse código você vai colocar uma mensagem rodando em volta mouse

Ele é bem fácil de se usar. Basta você colocar o nome que você quiser onde está escrito "PONHA SEU NOME AQUI", podendo ser o nome do seu blog ou o seu, isso vai da sua criatividade.

Mais não tire nada além do que esta escrito se não ele não funciona se você tirar você vai ter que voltar aqui pegar

Agora selecione o código que esta dentro da caixa passando o mouse encima e depois com o botão direito do mouse copie e coloque no seu blog e não se esqueça de mudar o onde está escrito "PONHA SEU NOME AQUI"

Obs: Este é branco

<SCRIPT LANGUAGE="JavaScript"> if (document.all) { yourLogo = "* PONHA SEU NOME AQUI "; logoFont = " verdana"; logoColor = " #FFFFFF"; yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 70; logoHeight = -30; ypos = 0; xpos = 0; step = 0.04; currStep = 0; document.write('<div id="outer" style="position:absolute;top:0px;left:0px "><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px ;' +'width:10px;height:10px;font-family: '+logoFont+'; font-size:12px;' +'color:'+logoColor+'; text-align:cent er">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 3; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 3; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 10); } window.onload = animateLogo; } // End --> </SCRIPT>

Este é azul

<SCRIPT LANGUAGE="JavaScript"> if (document.all) { yourLogo = "* PONHA SEU NOME AQUI "; logoFont = " verdana"; logoColor = " #0000ff"; yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 70; logoHeight = -30; ypos = 0; xpos = 0; step = 0.04; currStep = 0; document.write('<div id="outer" style="position:absolute;top:0px;left:0px "><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px ;' +'width:10px;height:10px;font-family: '+logoFont+'; font-size:12px;' +'color:'+logoColor+'; text-align:cent er">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 3; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 3; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 10); } window.onload = animateLogo; } // End --> </SCRIPT>

Este é rosa

<SCRIPT LANGUAGE="JavaScript"> if (document.all) { yourLogo = "* PONHA SEU NOME AQUI "; logoFont = " verdana"; logoColor = " #ff00ff"; yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 70; logoHeight = -30; ypos = 0; xpos = 0; step = 0.04; currStep = 0; document.write('<div id="outer" style="position:absolute;top:0px;left:0px "><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px ;' +'width:10px;height:10px;font-family: '+logoFont+'; font-size:12px;' +'color:'+logoColor+'; text-align:cent er">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 3; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 3; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 10); } window.onload = animateLogo; } // End --> </SCRIPT>

Atualizado em 07/09/03
Corações no mouse

Com esse código você vai inserir corações que seguem o mouse (o efeito é super legal)

O código é simples e você não precisa mudar nada nele

Agora selecione o código que esta dentro da caixa passando o mouse encima e depois com o botão direito do mouse copie e coloque no seu template depois da tag <BODY>

Tem 3 modelos

O primeiro é rosa

<SCRIPT LANGUAGE="JavaScript1.2"> </SCRIPT>

O segundo é azul

<SCRIPT LANGUAGE="JavaScript1.2"> </SCRIPT>

E o terceiro é preto

<SCRIPT LANGUAGE="JavaScript1.2"> </SCRIPT>

Atualizado em 07/09/03
Pontinhos coloridos no mouse

Com esse código você vai inserir no seu mouse pontinhos coloridos com uma das animações mais legais que eu já vi( mais seu template não pode ser muito claro)

O código é muito simples e você não precisa fazer nada nele

Agora selecione o código que esta dentro da caixa passando o mouse encima e depois com o botão direito do mouse copie e coloque no seu template depois da tag <BODY>

<SCRIPT language="JavaScript"> /* Morph Spin Copyright Kurt Grigg (website.lineone.net/~kurt.grigg/javascript) To add more shock to your site, visit www.DHTML Shock.com */ var Clrs=new Array(7) Clrs[0]='ffffff'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='fff000'; Clrs[5]='ffffff'; Clrs[6]='ff0000'; var speed=1; var RunTime = 0; var cntr=0; var xcntr=100; var Nslayers; var pulse=25; var onClrs; var Xpos = 421; var Ypos = 231; var _y; if (document.layers){ window.captureEvents(Event.MOUSEMOVE); function xFollowMouse(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xFollowMouse; document.write('<layer name="a0" left=10 top=10 bgcolor="#ff0000" clip="0,0,2,2"></layer>' +'<layer name="a1" left=10 top=10 bgcolor="#00ff00" clip="0,0,2,2"></layer>' +'<layer name="a2" left=10 top=10 bgcolor="#ffffff" clip="0,0,2,2"></layer>' +'<layer name="a3" left=10 top=10 bgcolor="#ffa500" clip="0,0,2,2"></layer>' +'<layer name="a4" left=10 top=10 bgcolor="#ff00ff" clip="0,0,2,2"></layer>' +'<layer name="a5" left=10 top=10 bgcolor="#8888ff" clip="0,0,2,2"></layer>' +'<layer name="a6" left=10 top=10 bgcolor="#fff000" clip="0,0,2,2"></layer>'); } else if (document.all){ function FollowMouse(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = FollowMouse; document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">' +'<div id="c" style="position:relative">' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff0000;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#00ff00;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffffff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffa500;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#8888ff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#fff000;font-size:2px"></div>' +'</div>' +'</div>'); } function sv2(){ if (document.layers){ for (i=0;i<7;i++) { Nslayers="a"+i; document.layers[0].top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5); document.layers[0].left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5); for (n=0; n < Clrs.length; n++) { var x=Math.round(Math.random()*[n]); } document.layers[0].bgColor=Clrs[x]; } cntr+=1; RunTime+=speed; stp=setTimeout('sv2()',10); if (cntr>=100) { cntr=100; speed=2.5; for (i=0;i<7;i++) { Nslayers="a"+i; document.layers[Nslayers].top=Ypos+cntr*Math.cos((RunTime-100)*i/90); document.layers[Nslayers].left=Xpos+cntr*Math.sin((RunTime-100)*i/90); } } if (RunTime>182) { speed=0.5; for (i=0;i<7;i++) { Nslayers="a"+i; document.layers[Nslayers].top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5); document.layers[Nslayers].left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5); } } } else if (document.all){ for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[0].style.top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5); ieDiv.all.c.all[0].style.left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5); for (n=0; n < Clrs.length; n++) { var x=Math.round(Math.random()*[n]); } ieDiv.all.c.all[0].style.background=Clrs[x]; } cntr+=1; RunTime+=speed; window.status=RunTime; stp=setTimeout('sv2()',10); if (cntr>=100) { cntr=100; speed=2.5; for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cntr*Math.cos((RunTime-100)*i/90); ieDiv.all.c.all[i].style.left=Xpos+cntr*Math.sin((RunTime-100)*i/90); } } if (RunTime>182) { speed=0.5; for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5); ieDiv.all.c.all[i].style.left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5); } } } if (RunTime>210) { xcntr-=10; } if (document.layers) _y=-window.innerWidth-90; else if (document.all) _y=-document.body.clientWidth-90; if (xcntr <= _y) { RunTime=0; speed=1; cntr=0; xcntr=100; } } sv2() //--> </SCRIPT>

Atualizado em 07/09/03
Estrelas pulsantes no mouse

Com esse código você vai inserir no seu mouse estrelas pulsantes ( o efeito é bem legal)

O código é simples e você não precisa mexer em nada

Agora selecione o código que esta dentro da caixa passando o mouse encima e depois com o botão direito do mouse copie e coloque no seu template depois da tag <BODY>

Atualizado em 11/09/03
Mouse estrela

Com esse código você vai inserir no seu mouse estrelas que ficam voando ao redor do mouse(como sempre o efeito é bem legal)

O código é simples e você não precisa mexer em nada

Agora selecione o código que esta dentro da caixa passando o mouse encima e depois com o botão direito do mouse copie e coloque no seu template depois da tag <BODY>

Este com estrelas coloridas

<LAYER name="a0" left=10 top=10 bgcolor="#FF0000" clip="0,0,2,2"></LAYER> <LAYER name="a1" left=10 top=10 bgcolor="#FF8000" clip="0,0,2,2"></LAYER> <LAYER name="a2" left=10 top=10 bgcolor="#FFFF00" clip="0,0,2,2"></LAYER> <LAYER name="a3" left=10 top=10 bgcolor="#00FF00" clip="0,0,2,2"></LAYER> <LAYER name="a4" left=10 top=10 bgcolor="#0000FF" clip="0,0,2,2"></LAYER> <LAYER name="a5" left=10 top=10 bgcolor="#FF00FF" clip="0,0,2,2"></LAYER> <LAYER name="a6" left=10 top=10 bgcolor="#FFFFFF" clip="0,0,2,2"></LAYER> <DIV id="starsDiv" style="position:absolute;top:0px;left:0px"> <DIV style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></DIV> <DIV style="position:relative;width:2px;height:2px;background:#ffff00;font-size:2px"></DIV> <DIV style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px"></DIV> <DIV style="position:relative;width:2px;height:2px;background:#ff0000;font-size:2px"></DIV> <DIV style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px"></DIV> <DIV style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px"></DIV> <DIV style="position:relative;width:2px;height:2px;background:#FF00FF;font-size:2px"></DIV> </DIV> <SCRIPT language="JavaScript"> /* Mouse Stars Copyright Kurt Grigg (website.lineone.net/~kurt.grigg/javascript) To add more shock to your site, visit www.DHTML Shock.com */ if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step = .2; var currStep = 0; var Xpos = 1; var Ypos = 1; var i = 0; var j = 0; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo(){ if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4; xBase = window.innerWidth/4; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) { starsDiv.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); starsDiv.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); } } else if (document.layers) { for ( j = 0 ; j < 7 ; j++ ) //7 is number of NS layers! { var templayer="a"+j document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); } } currStep += step; setTimeout("animateLogo()", 10); } animateLogo(); // --> </SCRIPT>

Este com estrelas rosa

<script language=JavaScript>  </script>

Este com estrelas azul

<script language=JavaScript>  </script>