Leandono's Blog

Aquellos que trabajamos en el entorno de Joomla! más de una vez hemos necesitado menus desplegables para mostrar varios elementos de manera sencilla. El problema surge que los módulos y componentes que  cumplen esa función no nos terminan de servir o gustar. Y cuando encontramos alguno que nos convence vemos que es bastante engorroso cambiar su diseño a uno mas apropiado.

Por eso quería hablar de  JLoMenu , un módulo que permite crear menus deslizantes de manera muy sencilla, mostrando los elementos de forma elegante y muy fácil de adaptar a nuestros diseños.

Una vez descargada la última versión del módulo e instalarlo, vamos a  Módulos --> Módulos del sitio. Allí buscamos el módulo JLo Menu y entramos a su modo de configuración. El principio de funcionamiento de JLoMenu es el de tomar varios menus creados con anticipación, darles un nombre a cada uno de ellos y mostrarlos como elementos del menú deslizante.

Veamos un ejemplo sencillo: Nos concentraremos en dos parámetros, Menu types y Menu titles.

En Menu types introduciremos los nombres de menus creados con anticipación, separados por comas. Por ejemplo introducimos "mainmenu, othermenu, topmenu" que son los nombres de tres menus que vienen de forma predeterminada en Joomla!  En Menu titles introduciremos los nombres que les queremos dar a esos menus para ser mostrados en forma de elementos en el menu deslizante. Por ejemplo introduciremos "Inicio, Joomla!, Home"

Publicamos el módulo y vemos como quedó:

Automáticamente el primer item (Inicio) se abrirá y mostrará los elementos que poseía el menu "mainmenu". Si hacemos click en el ítem "Joomla!" se mostraran los ítems del menu "othermenu" en forma deslizante. Lo mismo con el ítem "Home".

Luego si queremos modificar el diseño tan solo debemos cambiar el CSS que se carga en el parámetro Style. Finalmente también podemos tocar otros parámetros como velocidad del slider, color del separador, background, si queremos que cuando carga la página se abra el primer ítem, etc.

Comentarios (6)

1  Escrito por Xeito , el 29-11-2007 09:56 Muy buen recurso sobre todo cuando tenemos aplicaciones en joomla con un gran número de opciones en el menú.  Mi pregunta es doble: es accesible? es cross-browser?    Un saludo.    Recursos Flash

3  Escrito por Leandro , el 07-12-2007 11:10 @Xeito: Si JS no esta habilitado en el usuario, el menú completo se muestra igual (obviamente sin efectos de deslizamiento). Y yo lo he probado en IE 6/7 , FF y Opera    @Felipe: Como es un modulo, lo unico que tienes que hacer es copiarlo (a través de la administracion de Joomla). Luego puedes configurar cada menu de manera independiente.

4  Escrito por Daniel Bojorge , el 11-12-2007 20:07 Excelente módulo, ya lo implementé en   http://www.debs.educaleft.com/home y me gustó como quedó, muy llamativo y a la vez ahorra espacio...    Lo probé con el FireFox y funcionó bien, con el IE :( con ese no sale tan bien

5  Escrito por Superfuge , el 06-03-2008 07:16 Hola!!!  Muy bueno el módulo JLo. Era justo lo que necesitaba para el menú, pero me surge un nuevo problema para la traducción. Mi página está en dos idiomas y desde el joomfish no me deja acceder al Jlo para que los nombres de los menus se cambien al cambiarel idioma.  Alguna sugerencia?  Gracias

6  Escrito por yjtjfg , el 07-08-2008 11:57 Que componente uas para los comentarios, yo el yvComment est muy weno

Por favor, mantenga el tópico de los mensajes en relevancia con el tema del artículo. Lenguaje inapropiado será borrado.
Nombre:
E-mail:
Sitio Web:
Comentario:
Código:*