Agrega efecto de nieve cayendo a tu sitio web

02 Diciembre, 07 por FernandoPH

navidad, arbol de navidad, christmas

Si tienes un espacio web , ya sea un blog, myspace, livespace, etc. y quieres agregar el efecto de copos de nieve cayendo para dar un toque invernal a tu web, aquí tienes el codigo que necesitas implementar para poder crear el efecto.

Qué necesitas.?

Tener acceso a la plantilla html de tu sitio, la plantilla principal o aquella donde quieras que se muestren los copos. Manos a la obra :P

1.- Usaremos javascript para todo el proceso, en este primer paso basta pegar todo el siguiente código entre las etiquetas <head> y </head> de tu plantilla

–>Coloca este código

En este primer código tienes todas las opciones de configuración, desde la velocidad, la cantidad de copos a mostrar, la imagen, etc., es cuestión de jugar un rato y ajustar a tus gustos y necesidades si así lo prefieres.

2.- Ahora entre los códigos <body> y </body> basta hacer el llamado al código que anteriormente colocaste, solo pega lo siguiente entre el <body> y </body> de tu página

–>Ahora coloca este código

Aquí un demo de como quedará y por si tienes problemas en el código implementado mira el codigo fuente de la página ;)

Demo :twisted:

Enlazar esta entrada:

Post relacionados


Agrega tu comentario

2 comentarios para esta entrada

  1. May escribio:

    Hola, me gustaría poder hacerlo, pero yo trabajo con WordPress y no sé como hacerlo para esta plataforma. Sería bueno que nos enseñaras cómo se hace, ya que somos muchas las personas que estamos usando WordPress.
    No sé donde insertar el código.. no encuentro un en Wordpress.

    Saludos y Felíz Navidad!
    May

  2. FernandoPH escribio:

    El código puede ser usado en wordpress sin problema, si quieres un plugin mira este:

    Plugin WPSnow
    http://www.eyeideas.es/upload/wpSnow.zip

    Además aquí tienes otras opciones via CódigoGeek ;) , incluyendo la anterior :P

    http://www.codigogeek.com/2007/12/09/efecto-nieve-en-joomla-wordpress-o-tu-blog/

    Mucha suerte y felices fiestas :D

Agrega un comentario