Cómo agregar Nieve cayendo en Moodle

Me encanta la época navideña, todo es fiestas y alegría 🎉, con ella llegan las decoraciones que tanto nos encanta 🎄

Nuestro Moodle también puede entrar en modo navideño, agregando imágenes alegóricas a esas fechas, pero podemos ir más allá: poner un efecto de nieve cayendo en Moodle.

En esta pequeña guía te mostraré cómo agregar nieve que cae en Moodle, usando javascript, de manera sencilla, rápida y sin comprometer la usabilidad de tu sitio web.

Te enseñaré dos tipos de efectos, te toca a ti decidir cuál te gusta más.

Copos de nieve cayendo en Moodle

Con este primer efecto obtendremos nieve en forma de copos redondeados, luce hermosa y minimalista 😊. Los muestra de diferentes tamaños mientras van cayendo sobre el escritorio de nuestro Moodle. Puedes ver una demo desde aquí.

Para añadir este efecto dirígete como administrador en Moodle a: Administración del sitio > Apariencia > HTML adicional

En el campo que pone: Cuando BODY está abierto, agrega este código:

donde agregar código html en moodle

Guarda los cambios.

¡Listo!, ya tienes el efecto de copos de nieve en Moodle. Más sencillo imposible 😉

Dato
Puedes personalizar el código cambiando los parámetros de la variable var  hasta la línea 25.

Por ejemplo, si quieres que los copos de nieve sean más grandes, modifica el 30 del parámetro var snowMaxSize  por un valor mayor (mientras más alto el número, mayor tamaño tendrá). Para duplicar su tamaño quedaría así: var snowMaxSize = 60; 

Nieve cayendo en forma de escarcha

El segundo efecto que te mostraré, es de copos de nieve cayendo con forma de escarcha. Quedan igual de bien, lo que cambia es la forma, que en este caso son cristales de escarcha; muy emblemático de la navidad. Desde aquí puedes ver una demostración.

Al igual que hicimos anteriormente, solo debes copiar el código siguiente en el campo: Cuando BODY está abierto. Con esto ya tendremos el efecto.

 

Puedes cambiar los parámetros de la escarcha hasta la línea 25, modificando las variables de var, siguiendo la descripción mostrada encima de cada uno.

Con esto hemos terminado. Un tutorial pequeño, pero muy útil para darle a tu Moodle ese ambiente navideño propio de la época decembrina.

No olvides compartir en los comentarios tu opinión, o si tienes tu propio efecto será bien recibido 😁

La base para este tutorial son los script de estos autores: Copos de nieveEscarcha de nieve

Califica este artículo

Puntuación promedio / 5. Votos:

2 comentarios en “Cómo agregar Nieve cayendo en Moodle”

Deja un comentario

El responsable de este sitio web es Marit Acuña. La finalidad de los datos es gestionar los comentarios en este blog. El destinatario (donde se almacenan los datos) es el hosting de este blog: Banahosting, ubicado en EEUU. La legitimidad es el consentimiento que otorgas en el formulario. Tienes derecho a acceder, rectificar, limitar y suprimir tus datos según la política de privacidad.

Únete y recibe las últimas novedades en tu email.
Suscríbete a Evirtualplus
Suscríbete
política de privacidad
Acepto la
Suscríbete a Evirtualplus
Acepto la política de privacidad
Suscríbete
Suscríbete