quarta-feira, 14 de dezembro de 2011

Efeito Estrelinhas

Hey girls,sabem aqueles blogs que tem um monte de estrelinhas caindo?Então eu achei um tutorial que explica como fazer isso.Para saber,clique em Continue Lendo.

Então,vá em Desing-> Editar HTML,dê Ctrl+f,uma barrinha de busca vai aparecer.Nela,você digita:</body>.
Depois de ter feito isso,digite esse código(antes da linha que acabou de achar).

 
<script type='text/javascript'>
// <![CDATA[
var colour="#FFD700";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>


Para trocar a cor da estrelinha,entre nesse site.
Quando voê tiver terminado de escolher a cor,dê Ctrl+f e procure por:var colour="#FFD700";
Apague essa parte:#FFD700,pelo código da cor que você escolheu.

Qualquer dúvida me mande um comentário,espero que tenham gostado do tuto.

Beijinhos,Dids



 


 













Créditos:Dicas para Blogs

16 comentários:

  1. Oi já te linkei lá também

    *Beijinhos

    ResponderExcluir
  2. Olá! eu já estou seguindo aqui.

    http://s2alanacard.blogspot.com/

    ResponderExcluir
  3. =]

    Beijooos
    www.idfashion.com.br
    @blogidfashion

    ResponderExcluir
  4. Obrigada por seguir, já sigo aqui faz um tempinho..Muito lindo o blog adorei! bjs
    www.blogcandydream.blogspot.com

    ResponderExcluir
  5. Ja yive esse efeito mtoo legalls
    mais tirava minha atençao
    rsrsrs'
    seguindo de volta..
    bjus floor!
    do-ladodeca.blogspot.com

    ResponderExcluir
  6. Eu acho uma graça, eu usava essas estrelinhas no tumblr.. Boa dica!! :D

    Beeijos
    Gih

    ResponderExcluir
  7. Olá linda , ja estou seguindo teu blog segue o meu de volta ?

    bjs

    http://party-fucking.blogspot.com

    ResponderExcluir
  8. ADORO blogs com tutoriais, então, claro que eu siiiiiigo o seu *---* Com o maiorprazer voltarei sempre.

    Tem noovidade no blog
    Beijinhos
    @Makefan7asy

    ResponderExcluir
  9. Seguindo seu cantinho linda,segue de volta.bjs

    ResponderExcluir
  10. Oi, flor! Tudo bom? Demais esse tutorial. No meu ja tem, mas mesmo assim é bom compartilhar. Amei tudo aqui. Seguindo :)

    * Me ajuda a alcançar minha meta? Me segue de volta? Te espero lá.
    "Se precisar de algo é só falar!"

    Beijos; @Raah_Castroo
    www.vidaadegarotaa-vdg.blogspot.com

    ResponderExcluir
  11. Oi florzinha, mt obrigada por me seguir e comentar, ja estou seguindo seu blog tbm, espero te ver sempre por, lá, bjinhos.
    http://blogdaingridzinha.blogspot.com/

    ResponderExcluir
  12. Obrigado por seguir lá , estou seguindo aqui ! um beijo, duda ♥

    ResponderExcluir
  13. oioiiii, adorei o tuto, ja to seguindo aqui, segue de volta?? bjbj http://www.bluemelancia.blogspot.com

    ResponderExcluir
  14. flor.. vc n apareceu nos meus seguidores. :/

    http://blogportalteen.blogspot.com

    ResponderExcluir
  15. Olá, ameei o seu blog, e já estou te seguindo *-*
    Passa no meu blog e me segue tbm?

    http://www.lookdediva.com/

    Beeijos.

    ResponderExcluir