Actualiza y mira excelentes tutoriales para que tenga una computadora mejor actualizada y seas la envidia de tus amigos. si vais a descargar algún programas y te pide contraseña al descomprimir es "jhonpcs"

Anuncio

Hacer que nieve en el blog

Me he encontrado con una entrada sobre como hacer que nieve en el blog, poner nieve es una buena opción para blogs con colores alegres en fechas navideñas para dar un toque de originalidad al blog.
El mayor inconveniente que tiene este efecto es que relentiza mucho el blog y la gente que viene en busca de contenido dejara de venir y irá a uno más rápido y sencillo, pero la gente que busque blogs estéticos vendrá motivado por el hecho de la alegría que muestran los copos de nieve.

Antes de todo haz una copia de seguridad por si no te gusta.



Para producir el efecto, pega este código justo antes de </head>:

<script language='javascript' type='text/javascript'>
//<![CDATA[
// Nevando en la pagina por Eloi Gallés Villaplana
// Adaptado a navegadores DOM por Iván Nieto - junio 2007

var numero = 16
var velocidad = 4
var imagennieve = "http://img32.imageshack.us/img32/5465/copo.png"

var ns4arriba = (document.layers) ? 1 : 0
var ie4arriba = (document.all) ? 1 : 0
var dombrowser = (document.getElementById) ? 1 : 0

var dx, xp, yp
var am, stx, sty
var i, doc_ancho = 1024, doc_alto = 768

function nieva() {

 establece_dimensiones()

 dx = new Array()
 xp = new Array()
 yp = new Array()
 am = new Array()
 stx = new Array()
 sty = new Array();
     
 for (i = 0; i < numero; ++ i) {
  dx[i] = 0
  xp[i] = Math.random()*(doc_ancho-50)
  yp[i] = Math.random()*doc_alto
  am[i] = Math.random()*20
  stx[i] = 0.02 + Math.random()/10
  sty[i] = 0.7 + Math.random()
  if (document.layers) {
        if (i == 0) {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")
    document.write("top=\"15\" visibility=\"show\"><img src=\"")
    document.write(imagennieve + "\" border=\"0\"></layer>")
        } else {
         document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")
         document.write("top=\"15\" visibility=\"show\"><img src=\"")
         document.write(imagennieve + "\" border=\"0\"></layer>")
        }
       } else if (document.all || document.getElementById) {
        if (i == 0) {
         document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")
         document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")
         document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")
         document.write(imagennieve + "\" border=\"0\"></div>")
        } else {
         document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")
         document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ")
         document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"")
         document.write(imagennieve + "\" border=\"0\"></div>")
        }
       }
     }
     
 nieve()
}

function nieve() {
 for (i = 0; i < numero; ++ i) {
  yp[i] += sty[i];
  if (yp[i] > doc_alto) {
   xp[i] = Math.random()*(doc_ancho-am[i]-30)
   yp[i] = 0
   stx[i] = 0.02 + Math.random()/10
   sty[i] = 0.7 + Math.random()
   establece_dimensiones()
  }

  dx[i] += stx[i];

  
  if ( document.all ) {
   var copo = eval("dot" + i )
   copo.style.posLeft = xp[i] + am[i]*Math.sin(dx[i])
   copo.style.posTop = yp[i]
  }
  
  else if ( document.layers ) {
   var copo = eval("document.dot" + i)
   copo.left = xp[i] + am[i]*Math.sin(dx[i])
   copo.top = yp[i]
  }
  
  else if ( document.getElementById ) {
   var copo = document.getElementById( "dot" + i)
   copo.style.left = xp[i] + am[i]*Math.sin(dx[i]) + 'px'
   copo.style.top = yp[i] + 'px'
  }
 }

 setTimeout("nieve()", velocidad)
}
function establece_dimensiones() {
 if (self.innerHeight) {
  doc_ancho = self.innerWidth
  doc_alto = self.innerHeight - 25
 } else if (document.documentElement && document.documentElement.clientHeight) {
  doc_ancho = document.documentElement.clientWidth
  doc_alto = document.documentElement.clientHeight - 25
 
 } else if (document.body) {
  doc_ancho = document.body.clientWidth
  doc_alto = document.body.clientHeight - 25
 }
}
//]]>
</script>

Una vez pegado, baja hasta el final del código y busca </body>, justo encima pega ésto:

<script language='javascript' type='text/javascript'>
nieva()
</script>

 Haz una vista previa y ya verás la nieve.

Si quieres ver más copos, en el primer código que has copiado, busca var numero = 16 y modifica este número aumentándolo para que hayan más copos o disminuyéndolo para que hayan menos.
Share:

Anuncio

Entradas populares

Archivo del blog