rutarelativa

Total de entradas publicadas: 417

WpMooSnow: Plugin efecto nieve en Mootools para Wordpress

votar Por SampedroDeja tu comentario (35)
03DIC2009
WpMooSnow: Plugin efecto nieve en Jquery para Wordpress

Ya estamos en época estival, en breve comienza la Navidad y lo que ello conlleva: compra de objetos decorativos para el hogar, el árbol e incluso los hay que visten sus mascotas para la ocasión. Vuestro blog no podría ser menos y ahora podrá lucir un aspecto más Navideño. Hemos realizado un plugin efecto nieve en Mootools para Wordpress con un efecto de copos de nieve cayendo desde el "cielo".

¿Pero ya existen muchos plugins efecto nieve, no?

Si es verdad, pero este efecto nieve en Mootools está actualizado a la última version de Mootools 1.2.4 por Dimitar Christoff y creado por Rutarelativa para Wordpress de forma que sea mucho más fácil la instalación y además es muy configurable. Por eso este este es tu plugin perfecto para mostrar efecto nieve en Wordpress y tener tu blog listo para las Navidades.

Puntos a favor de WpMooSnow

  • Instalación sencilla con tan sólo un par de clics.
  • Configuración en el panel de administración donde es posible cambiar colores, fuentes y efectos.
  • Está testeado y es compatible con los exploradores IE6+, Firefox 2.0+, Opera 9+, Safari Windows 3.2.1+ y Google Chrome 2.0+.

Me gustaría ver en acción el efecto nieve en una demo

Puedes ver una demo del plugin efecto nieve en Mootools para Wordpress funcionando.

¿Como lo instalo?

  • Descomprime el archivo .zip
  • Sube el directorio wpmoosnow al directorio de plugins "/wp-content/plugins/".
  • Activa el plugin desde el apartado "Plugins" de la administración de Wordpress.
  • Ahora puedes cambiar las opciones desde el menú WpMooSnow que aparece en el menú Opciones.
  • La opción más importante es la de "Contenedor donde se mostrarán los copos de nieve", en la que tendrás que insertar el ID de la capa en la que quieras que apareza el efecto nieve. Si no indicas nada en el campo ID, se mostrará automáticamente en toda la web, de modo que es la opción más recomendable si no entiendes este punto. Si tienes dudas acerca de esto escríbenos un comentario y te ayudaremos.
  • El resto de opciones puedes dejarlas tal y como están, pero si te apetece puedes trastear y configurar a tu gusto el efecto de los copos de nieve.
  • Selecciona si usas Mootools o JQuery.

Descargar WpMooSnow: Plugin efecto nieve en Mootools para Wordpress

Descargar

Ya, pero yo uso Jquery, ¿que hago?

Dirígete al post donde hablamos sobre el plugin y ahí te informamos de todo.

Sobre el autor
Desarrollador en entornos web y Diseñador de profesión, muy activo, que busca siempre enfrentarse a retos cada vez más dificiles. Si un día no hago algo nuevo o no he superado alguna dificultad para mi es un día vacío. Cuento con dos titulaciones: Técnico en Explotación de Sistemas Informáticos y Técnico Superior en Desarrollo de Aplicaciones Informáticas. Fundé rutarelativa porque siempre quise tener un sitio en donde compartir mis experiencias profesionales y a los problemas que me enfrento día a día en el ámbito profesional. 178 articulos realizados por Sampedro
Articulos relacionados

Comentarios en WpMooSnow: Plugin efecto nieve en Mootools para Wordpress

Rafael

como se cual es el ID de la cabecera ? es decir, de la pagina principal o de inicio? y como es la sintaxis del ID ?

Escrito por Rafael 04/12/2009 03:05:45
Franco

Buenas,
Una pregunta, como es eso de la ID del “Contenedor donde se mostrarán los copos de nieve”? Yo quiero que los copos caigan en la cabecera, pero nose que ID es.
Muchas gracias.

Escrito por Franco 04/12/2009 03:14:11
Mariano

Hola, muchas gracias por dejarnos este plugin tan majo. Así que abro los comentarios con la pregunta tonta que a nadie se le habrá ocurrido (:D): el id. ?Qué hay que poner ahí? Yo quiero que salga en la página principal, arriba…
Se ponen corchetes? un número? ¿?

Escrito por Mariano 04/12/2009 03:55:15
DAN·E

Hola!
Lo he probado en dandel.net y no me funciona… lo he configurado para que se muestre en la capa con id=”snow”, he borrado la caché y ni con esas… ¿Puede ser que sea incompatible con jQuery?
Saludos :)

Escrito por DAN·E 04/12/2009 09:22:04
Jordi

Estoy igual, no entiendo lo del ID.
Un saludo.

Escrito por Jordi 04/12/2009 09:55:08
Sampedro

El ID es una propiedad HTML de una capa div. En este caso es necesario especificar la capa donde quieras que salgan los copos de nieve puesto que cada página tiene su propio identificador. El formato puede ser cualquiera, una palabra o números. Recomiento el uso del plugin firebug para el explorador web Firefox para examinar el HTML de páginas web, aparte de otras cosas.

@rafael
Mirando en tu web, si lo quieres poner en la cabecera, tu ID es header, y si lo quieres poner en toda la página tu ID es page. De todas formas usas JQuery, así que no funcionará. En breve sacaremos un plugin que hace lo mismo pero para JQuery.

@Franco
En tu caso la cabecera solo sería header y para la web completa sería home. Pon el color de los copos de nieve un poco más oscuros para que se vean bien porque tu header es muy blanco.

@Mariano
Tienes que poner como ID head. También usas JQuery y te digo lo mismo, espera un poco para que saquemos el plugin para JQuery.

@DAN·E
Y en tu web debes poner snow para la cabecera como bien has dicho. El problema esque el plugin es para los usuarios de Mootools, así que supongo que con JQuery no será compatible.

@Jordi
Pásamos tu web y la comprobaremos y te ayudaremos. De todas formas con las indicaciones que hemos realizado y con el próximo tutorial que escribiremos esperemos que se despejen todas las dudas.

Como bien he dicho antes estamos preparando un nuevo plugin, esta vez para JQuery que funcione exactamente igual y además un pequeño tutorial sobre como hacer funcionar de forma más óptima estos plugins.

Gracias por querer usar el plugin y un saludo.

Escrito por Sampedro 04/12/2009 10:01:38
dhAlcojor

Está genial y me funciona, pero… ¿¿¿dónde está mi cabecera??? Parece que los copos se han colocado en lugar de mi cabecera de siempre O.o

Escrito por dhAlcojor 04/12/2009 14:32:09
Sampedro

@dhAlcojor Pues tu cabecera de tu página tiene el ID “header” pruébalo con ese ID. Actualmente estoy trabajando en una mejora del plugin para que no tengáis que poner ningún ID aparte de la compatibilidad con Jquery.
Saludos!

Escrito por Sampedro 04/12/2009 14:36:03
dhAlcojor

Bueno, lo he “arreglado” metiendo una capa nueva arriba del todo, con posicionamiento absoluto y por encima de todas, pero no sé si será un fallo lo de que sustituía el contenido de mi header por los copos.
De todas formas, muchas gracias por este plugin, está genial :D

Escrito por dhAlcojor 04/12/2009 14:53:06
Sampedro

@dhAlcojor Lo que has comentado de la capa en posicionamiento absoluto es lo que va a llevar la nueva versión del plugin para que no toquen los ID. Muy sabio por tu parte. Queda genial con el fondo oscuro.
Saludos y feliz navidad :P !

Escrito por Sampedro 04/12/2009 14:56:20
Mariano

Perfecto, muchas gracias por la respuesta y quedo a la espera de la nueva versión, a ver si la podemos tener antes de las fiestas. Abrazos y gracias de nuevo por el trabajo!

Escrito por Mariano 04/12/2009 16:42:05
Jonathan

Hola muy bueno el plugin.
Pero en mi web no se q pasa q cuanto lo activo en la cabezera se baja unos 100 px y recien empieza a nevar, y no encuentro el id para q nieve en toda mi pagina es decir en todo el body :S

Escrito por Jonathan 04/12/2009 21:53:50
Sergio

@Jonathan
Si te esperas unos minutillos vamos a publicar una nueva versión del plugin que incorporará compatibilidad con JQuery y no será necesario especificar un ID donde mostrar la nieve. ¡Saludos!

Escrito por Sergio 04/12/2009 21:55:52
Sampedro

Los usuarios de JQuery teneis el plugin en http://www.rutarelativa.com/plugins/wpmoosnow-plugin-efecto-nieve-jquery-wordpress/
Saludos!

Escrito por Sampedro 04/12/2009 22:44:10
Franco

Gracias Sampedro. Ahora si funciona.

Escrito por Franco 05/12/2009 17:54:41
JhonD

Nice plugin, would you like i traduct it in italian?

Escrito por JhonD 06/12/2009 18:48:59
Sergio

@JhonD
Thanks. Yes, if you want you can traduct it in Italian. Don’t forget quote a reference about us if you’re going to public in your blog. Thanks again.

Escrito por Sergio 06/12/2009 18:55:09

Trackback en WpMooSnow: Plugin efecto nieve en Mootools para Wordpress

  1. [...] momento de que le des un toque navideño a tu WordPress?, pues mira por donde me avisa Sampedro que en Ruta relativa han liberado un plugin basado en Mootools, WpMooSnow, que te ofrece precisamente eso, nieve en tu web hecha con [...]
  2. [...] momento de que le des un toque navideño a tu WordPress?, pues mira por donde me avisa Sampedro que en Ruta relativa han liberado un plugin basado en Mootools, WpMooSnow, que te ofrece precisamente eso, nieve en tu web hecha con [...]
  3. [...] de RutaRelativa desarrolla un plugin para Wordpress que nos permite incluir nieve cayendo en nuestro blog. Algo muy interesante para las fechas que se acercan.[Demo][Descargar] ← Truco del campo [...]
  4. [...] de RutaRelativa desarrolla un plugin para Wordpress que nos permite incluir nieve cayendo en nuestro blog. Algo muy interesante para las fechas que se [...]
  5. [...] posteamos nos ponemos un gorro de Papá Noel. Desde Rutarelativa me avisan que liberaron un plugin que crea un efecto de nieve cayendo para blogs que usen [...]
  6. [...] the script and an other one made it work on WordPress easier. You can see a demonstration on Rula relativa's blog post (hit the demo link). And download it on the same [...]
  7. [...] encontrar más información y los enlaces de descargar del plugin (versión MooTools) aquí o (version jQuery) [...]
  8. [...] Este plugin utiliza la version de Mootools 1.2.4 y es compatible con IE6+, Firefox 2.0+, Opera 9+, Safari Windows 3.2.1+ y Google Chrome 2.0+. Más información en el post oficial del plugin WpMooSnow [...]
  9. [...] en el blog aparece un efecto de nevada. La idea primitiva fue de Luisdo y me sugirió instalar WpMooSnow , pero al instalarlo me encontré que deshabilitaba el menú [...]
  10. [...] navideñas en sus sitios. WpMoonSnow es un plugin perfectamente creado, por el bloggers de rutarelativa, para Wordpress y que tiene como finalidad crear un efecto de nieve en cualquier parte de tu [...]
  11. [...] Demo e Download [...]
  12. [...] RutaRelativa han desarrollado un plugin para crear este efecto de nieve utilizando [...]
  13. [...] Sito web : WpMooSnow [...]
  14. [...] by WP Greet BoxVocê não acha que já hora de dar um toque natalino no seu WordPress?, o plugin WpMooSnow baseado em Mootools que te oferece precisamente isso, neve no seu site ou blog [...]
  15. Social comments and analytics for this post... This post was mentioned on Twitter by nnatali: Pon un poco de nieve en tu blog! Un plugin para WP: http://bit.ly/7WtWXy...
  16. [...] wpMoosnow est un plugin vous permettant de mettre un effet de neige sur votre blog WordPress. Dans les options du plugin, il est possible modifier l'ensemble du module, jusqu'à son affichage global rendu sur les pages de votre blog. La première option vous permet de filtré l'affichage des flocons selon l'architecture de votre blog. En indiquant l'identifiant du bloc "header" par exemple, l'effet de neige sera uniquement affiché sur ce module. Laissez vide si vous souhaitez l'afficher sur tout le site. Toutefois, une hauteur minimum est enregistré dans le code source du plugin, vous pouvez la modifier sans trop de difficulté. [...]
  17. [...] wpMoosnow est un plugin vous permettant de mettre un effet de neige sur votre blog WordPress. Dans les options du plugin, il est possible modifier l’ensemble du module, jusqu’à son affichage global rendu sur les pages de votre blog. La première option vous permet de filtrer l’affichage des flocons selon l’architecture de votre blog. En indiquant l’identifiant du bloc « header » par exemple, l’effet de neige sera uniquement affiché sur ce module. Laissez vide si vous souhaitez l’afficher sur tout le site. Toutefois, une hauteur minimum est enregistrée dans le code source du plugin, vous pouvez la modifier sans trop de difficulté. [...]
  18. [...] wpMoosnow est un plugin vous permettant de mettre un effet de neige sur votre blog WordPress. Dans les options du plugin, il est possible modifier l’ensemble du module, jusqu’à son affichage global rendu sur les pages de votre blog. La première option vous permet de filtrer l’affichage des flocons selon l’architecture de votre blog. En indiquant l’identifiant du bloc « header » par exemple, l’effet de neige sera uniquement affiché sur ce module. Laissez vide si vous souhaitez l’afficher sur tout le site. Toutefois, une hauteur minimum est enregistrée dans le code source du plugin, vous pouvez la modifier sans trop de difficulté. [...]
Escribir comentarios

Últimos comentarios
  • Avatar del usuario Sampedro
    Sampedro Viendo la casa donde vive ya te puedes echar una idea de cuanto...
  • Avatar del usuario Sergio
    Sergio ¡Que bestialidad de video!. Aquí en Ruta Relativa hemos hablado ya...
  • Avatar del usuario Sergio
    Sergio Acabo de escuchar el disco Blood & Metal y he de decir que los...
  • Avatar del usuario Alber_h
    Alber_h Hombre, viendo entre sus ventajas fiestas glamurosas, cosas...
  • Avatar del usuario Alber_h
    Alber_h Dios es buenísimo xDDD Chof!
Al azar
Lo más visto
Lo más comentado
Subir
Mod Millenium Falcon sobre la Dreamcast http://bit.ly/9rToDI
Síguenos
Sobre

Sampedro Desarrollador en entornos web y Diseñador de profesión, muy activo, que busca siempre enfrentarse a retos cada vez más dificiles. Si un día no hago algo nuevo o no he superado alguna dificultad para mi es un día vacío. Cuento con dos titulaciones: Técnico en Explotación de Sistemas Informáticos y Técnico Superior en Desarrollo de Aplicaciones Informáticas. Fundé rutarelativa porque siempre quise tener un sitio en donde compartir mis experiencias profesionales y a los problemas que me enfrento día a día en el ámbito profesional.

Sergio Soy un desarrollador en entornos web y escritorio, entusiasta y amante de mi trabajo del que cada día espero aprender algo nuevo. Tengo una titulación de Técnico Superior en Desarrollo de Aplicaciones Informáticas y actualmente curso el primer año de Carrera Universitaria con el poco tiempo que me deja el trabajo. Fundé rutarelativa porque quiero que mi esfuerzo y tiempo invertidos en aprender y poner en práctica algo le resulte útil y fácil a otro usuario, del mismo modo que yo aprendo y ahorro tiempo con la ayuda de los demás.