Blog sobre Joomla

Jueves, 13 Diciembre 2012 12:14

Crear un efecto caída de nieve para nuestro sitio!!

Written by
Rate this item
(2 votes)


ano-nuevo-vector-de-los-copos-de-nieve-hechos-de-grafica 53-9460En estas Navidades podemos adornar nuestro sitio web para dicha ocasión. En este articulo vamos a explicar como insertar un efecto de caída de nieve por medio de la extensión Snowing.

Antes de nada podemos decir que la extensión no solo funciona como efecto de nieve sino que tiene también efectos tipo lluvia y burbuja que lo hace flexible para diferentes eventos y ocasiones. La extensión fue desarrollada por Norbert Kuemin y se encuentra disponible para Joomla! 1.5 y Joomla! 2.5

 Podemos descargar la extensión desde la web del autor aquí: http://joomlacode.org/gf/project/snowing/frs/

Instalación y configuración:

La instalación y la configuración es bastante sencilla, lo primero que debemos hacer como siempre que instalamos una extensión, es ir a Extensiones > Gestor de extensiones, allí seleccionamos el archivo que queremos instalar y subimos e instalamos.

efectonieve1

Una vez instalado nos vamos a Extensiones > Gestor de módulos. Buscamos la extensión llamada "snowing" y abrimos para configurarla.
En la parte de "detalles" escribimos el titulo, el lugar de ubicación del modulo, si esta publicado o no, etc.
Es importante seleccionar que se vea en todas las paginas para que el efecto sea visible en todas las paginas.

efectonieve2

En las opciones básicas tenemos opciones como el tipo de movimiento (nieve, lluvia, burbujas), la duracion de la caida de la nieve o la velocidad.

Después tenemos que seleccionar el tipo de imagen que va a caer como nieve, podemos seleccionar copos de nieve (que es lo mas lógico) pero también podemos seleccionar santa claus, o botellas de cava, etc. Nosotros vamos a seleccionar "snowflake" que son copos de nieve y seleccionamos que caigan de 15 en 15.

efectonieve3

 

Ya podemos guardar y cerrar, irnos a nuestro sitio y actualizar, el resultado final sera el siguiente:

efectonieve4

 

En el siguiente vídeo explicamos de forma visual lo visto en el articulo:

 

 

 

Read 9440 times