lunes, 22 de agosto de 2011

efecto nieve en tu blog

hola chicas como han estado??? espero que muy bien y si ya entraron a la escuela pues a hecharle todas las ganas oKas?? yo mientras tanto les voy a pasar otro truquito muy bonito n.n y es la de tener un efecto que da la impresion de que nieva en su blog sip asi como el mio les paso el truquito ^^!!



si te gusta como se ve te explico como ponerlo en tu blog ^^



te vas a:



Diseño >> Elementos de Pagina >> Añadir un gadget Htlm/javascript



copia este codigo:



<script type="text/javascript">

/******************************************

* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)

* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code

* Last updated Nov 9th, 05' by DD. This notice must stay intact for use

******************************************/

//Configure below to change URL path to the snow image

var snowsrc="URL COPITOS DE NIEVE"

// Configure below to change number of snow to render

var no = 10;

// Configure whether snow should disappear after x seconds (0=never):

var hidesnowtime = 0;

// Configure how much snow should drop down before fading ("windowheight" or "pageheight")

var snowdistance = "windowheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;

var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

var dx, xp, yp; // coordinate and position variables

var am, stx, sty; // amplitude and step variables

var i, doc_width = 800, doc_height = 600;

if (ns6up) {

doc_width = self.innerWidth;

doc_height = self.innerHeight;

} else if (ie4up) {

doc_width = iecompattest().clientWidth;

doc_height = iecompattest().clientHeight;

}

dx = new Array();

xp = new Array();

yp = new Array();

am = new Array();

stx = new Array();

sty = new Array();

snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc

for (i = 0; i < no; ++ i) {

dx[i] = 0; // set coordinate variables

xp[i] = Math.random()*(doc_width-50); // set position variables

yp[i] = Math.random()*doc_height;

am[i] = Math.random()*20; // set amplitude variables

stx[i] = 0.02 + Math.random()/10; // set step variables

sty[i] = 0.7 + Math.random(); // set step variables

if (ie4up||ns6up) {

if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");

} else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");

}

}

}

function snowIE_NS6() { // IE and NS6 main animation function

doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;

doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;

for (i = 0; i < no; ++ i) { // iterate for every dot

yp[i] += sty[i];

if (yp[i] > doc_height-50) {

xp[i] = Math.random()*(doc_width-am[i]-30);

yp[i] = 0;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

}

dx[i] += stx[i];

document.getElementById("dot"+i).style.top=yp[i]+"px";

document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";

}

snowtimer=setTimeout("snowIE_NS6()", 10);

}

function hidesnow(){

if (window.snowtimer) clearTimeout(snowtimer)

for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"

}

if (ie4up||ns6up){

snowIE_NS6();

if (hidesnowtime>0)

setTimeout("hidesnow()", hidesnowtime*1000)

}

</script>



ahora en lo rosa pones la direccion de los copitos de nueve !!! (mas abajito los encuentras)



En lo azul es el numero de pedazitos de nieve que quieres que caigan *yo lo tengo en 10*, tu puedes ponerle 15,20,30 los que quieras ^^!




oKa ahora los pedazitos de nieve:

le puedes poner el color que te guste o combine con tu blog





blanco *obvio no se ve porque mi fondito es blanco xD*









http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow1.png



azul





http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow2.png



gris







http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow3.png



rosa







http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow4.png



negro





http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow5.png



rosa palido





http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow6.png



morado







http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow7.png



azul celeste







http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow8.png



cafe







http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow9.png



verde





http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow10.png



naranja





http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow11.png



rojo





http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow12.png



amarillo





http://i1190.photobucket.com/albums/z449/_KawaiiCherryCupCake_/Annyz_Blog/snow13.png



NOTA EXTRA: en URL DE IMAGEN puedes ponerle cualquier imagen que quieras !!*seria como una lluvia de imagenes de tu preferencia*





10 comentarios:

  1. Huuuuu!!! Un codigo largo.... Pero muy util!!! Gracias

    ResponderEliminar
  2. Esta genial la idea me re encanto!!! tal vez la implemente en mi blog!!!
    saludos!!

    ResponderEliminar
  3. OwO genial!yo puse estrellitas que las saque de tu blog si no te importa xP gracias por el truquito esta genial ;)

    ResponderEliminar
  4. Como siempre, tu blog sigue siendo genial ^_^ ¡Felicidades!

    ResponderEliminar
  5. como siempre TODO MEGAKAWAII!!
    AHORA TENGO MUCHOS BRILLITOS NO SERAN DEMASIADOS??¡¿¿
    JEJEJE ME ENCANTO!!!!!!!!!!!!
    I LOVE ESTE TEMA!!!

    ResponderEliminar
  6. yo lo he puesto pero la nieve me aparece abajo del blog porque?

    ResponderEliminar
    Respuestas
    1. mm es porque lo pusiste en un gadget de abajo.. arrastra ese gadget y colocalo arriba.

      Eliminar
  7. uhmmm SSSSSUUUUPPPERRRR me gusto bastante

    ResponderEliminar
  8. Esto si me gusto! quedan super lindos!! =3
    Ya ando jukia' cn tu blog, esta fabuloso! (^___^)♥

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.