martes, diciembre 08, 2009

Nieve en tu Blog




Pues pasando a las decoraciones navideñas, les dejo algunos codigos para aplicar el efecto "nieve" en tu Blog.
- Todos los colocas antes de : </body>

Aqui tienes que bajarte el archivo javascript primero y luego subirlo a tu alojador de archivos y poner la URL dentro de este codigo. El archivo lo bajas en Red Blogs

<script type=”text/javascript” src=”URL archivo nieve.js”></script>
 
El siguiente es de Dinamic Drive, esta mas largo pero es configurable.
 
<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="snow.gif"
  // 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 = "pageheight";

///////////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>

Y por ultimo el que ya aplique en mi Blog es de Ayuda Imaginaria.

<script src="http://s2.wordpress.com/wp-content/plugins/snow/snowstorm.js" type="text/javascript"></script>

Espero les guste, esta desde el mas complicado, hasta el mas sencillo, pruebenlos y me dicen si les funciono o estan batallando.

 


7 Comenta aqui...:

Juan Albaran dijo... [Responder]

Viejo sedrach ya puse el post tuyo en mi blog obviamente con tus creditos voy a poner este codigo en mi blog para el 24 de diciembre gracias por el post esta rebueno men bye

Juan Albaran dijo... [Responder]

Si men que pena contigo lo acabo de ver viejo la entrada me publico mal pero ya la acbo de arregla ahora si puedes ver los codigos

Sedrach dijo... [Responder]

Ok, no hay cuidado, es normal, ya que cada rato cambio la plantilla del Blog, aunque pienso quedarme con esta un buen rato. Sobre la publicacion ya la vi se ve muy bien gracias por ponerla en tu Blog, tambien nosotros para eso estamos.
Saludos

Rent4Days dijo... [Responder]

que bueno tener nieve aunque sea en el blog porque donde vivo hace calor!

ganar la quiniela dijo... [Responder]

Aca en cordoba nevo una sola vez en toda la historia!!!! Y fue impresionante

Toner dijo... [Responder]

Me sirvío para uno de mis blogs! muchas gracias!

Sedrach SAK dijo... [Responder]

@Toner
exelente..

Publicar un comentario

Nota:
Me permito eliminar comentarios que sean:
-Spam
-Ofensivos
-Anonimos

Aqui se respetan todas las opiniones, siempre y cuando se hagan de una manera respetuosa.

Aunque intento hacer las cosas bien, me llego a equivocar, asi que si quieres corregirme hazlo en un mensaje privado en la seccion "Contacto"

Que disfrutes el Blog y a opinar.