.

terça-feira, 10 de julho de 2012

Tutorial + Aviso!



Heey minhas estrelinhas como vão? Apesar de alguns motivos meio ruinzinhos eu to mutt' feliz! Pois, estamos com 94 seguidores! Bom, eu vou dar um aviso, que estou sem tempo para responder todooooooos os comentários, mas prometo que irei responder a todos! Aah, eu gostaria mutt' de agradecer a voces, pelos comentários fofos, dizendo que eu levava jeito de escrever e tals, eu me empolguei tanto que levei essa coisa de escrita mais a sério...Agora que já dei os dois avisos, vou dar um tutorial de como botar coisinhas caindo do cursor do mouse( estrelinhas ou faiscas caindo da setinha) A pedido de uma leitora! então vamos lá!

Primeiro vá no HTML e abra o campo de pesquisa( ctrl F )depois procure por </body> Quando achar cole o código a seguir antes da linha que acabou de achar  </body>  Ps.: As estrelinhas são brancas, estão nessa cor:  #FFD700  E para trocar, abra novamente o campo de pesquisa e procure por ela, quando achar apague e para escolher outra cor clique  AQUI  Agora vamos ao código:
<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>

 Beijão pessoal, espero que tenha sido útil para voces, como foi pra mim ;)

12 comentários:

  1. Oi adoreeei o tutorial! Ah sempre q der dou uma passadinha ak pra comentar beijinhos!http://peqgrandegarota.blogspot.com.br

    ResponderExcluir
  2. Ótimo tutorial, mega fofo. Flor, que bom que gostou do blog, seja sempre bem-vinda;]
    http://wn-controversias.blogspot.com.br/

    ResponderExcluir
  3. Olá!!!
    Oi florzinha, ainda bem que você deixou seu link lá, eu estava conseguindo entrar. Mas que bom consegui, agora estou aqui, sou seguidora!
    Bem legal a dica, tenha um bom dia linda.
    Beijos;*

    ResponderExcluir
  4. Eu já conhecia mas é muito útil.
    Hehe estou retribuindo o comentário que você deixou lá no blog! Amei o seu blog flor muito D-I-V-O!!!
    Beijokas (to seguindo)
    Garotinhadream.blogspot.com

    ResponderExcluir
  5. ameii o tut, e tbm estou seguindo, tbm amei td por aqui bjs
    desejo123.blogspot.com

    ResponderExcluir
  6. oi lana adorei seu blog muito bom e criativo e muito adorável amei amei beijos

    ResponderExcluir
  7. oie flor flor adorei o post beim criativo eim rsrs seu blog é lindo flor, amei a dica das estrelinhas *-*
    flor to te seguindo me segue por favor eim?

    ResponderExcluir
  8. Gosteei do Tuto flor & do blog também! Estou retribuindo a seguida e a visita. Quero ser da elite afiliados ,pode ser? Beijos !

    http://blogbloguinhofunny.blogspot.com.br/

    ResponderExcluir
  9. Eu acho que esse tuto deixa o blog mais fofo!

    Kissus ----> Blog Bola de Chiclete.com *--*

    ResponderExcluir
  10. Legal o tuto mas prefiro o mouse natural, haha.

    Beijos♥

    carismaticaoficial.blogspot.com

    ResponderExcluir
  11. já te coloquei no meus afiliados beijos

    ResponderExcluir

Heey leitor! Antes de comentar Leia isso!

- Não retribuo comentários que não estejam falando sobre o post.
- Nem leio criticas ofensivas, apenas excluo.
- Proibido falar palavrões
- Não retribuo Seguindo, segue de volta, apenas vou no blog dessa pessoa, e faço um chilique :X
Beijos e Xoxo