SPIP - Contrib

[ar] [en] [es] [fr] [it]



Portada del sitio > Herramientas para webmestres

Menús desplegables en CSS

Miércoles 29 de marzo de 2006, por José Luis Murillo. Última actualización Lunes 13 de febrero de 2006



NOTA IMPORTANTE:
Esta contrib no está suficientemente testeada.
Yo la he probado con firefox en mac y windows y no me ha dado problemas.
En explorer de windows hace lo que quiere y se desmadra todo.
Sin embargo, la he colocado en "propuesto a la publicación" para que esté accesible a más personas por si alguien quiere probarla, acabarla, o le sirve de base de trabajo para crear menús desplegables. Yo ando ahora mal de tiempo para ello.
Saludos.

Partiendo del estupendo trabajo de Patrick Griffiths y Dan Webb en alistapart he adaptado y "aligerado" su menú vertical y su menú horizontal para utilizarlos con SPIP.

Aquí tienes unos ejemplos...

GIF - 2.7 KB
Menú vertical

 

GIF - 1.5 KB
Menú horizontal

Para verlo funcionar puedes ir a:
- Menú vertical
- Menú horizontal

Son dos menús escritos en CSS que utilizan muy poco javascript y que funcionan con bastantes navegadores.

La instalación es muy simple.

- Se bajan y descomprimen los archivos.
- Se colocan en la raíz del sitio.
- Se pone un <INCLURE(menuv.php)> o <INCLURE(menuh.php)> donde queramos que aparezcan
- Hecho.

Para personalizar se modifica el archivo css correspondiente (menuv.css o menuh.css)

El vertical es bastante fácil de modificar, pero el horizontal presenta problemas ya que son anchos fijos lo que no permite una "automatización" del mismo. Cada vez que queramos añadir o quitar secciones tendremos que modificarlo de nuevo "a mano".

El horizontal de muestra lo he dejado en cinco secciones en el primer nivel y un ancho máximo de 760 píxels.

En el horizontal he utilizado el criterio {id_rubrique IN 25,13,2,3,36} para seleccionar que secciones quiero que aparezcan. Esto sólo funcionará a partir de la 1.8 (me parece). En versiones anteriores tendías que utilizar {id_rubrique=25|13|2|3|36}

Por lo demás, se pueden añadir "líneas" "estáticas" si se quiere.

Documentos adjuntos


Comentar este artículo



Seguir la vida del sitio RSS 2.0 | Mapa del sitio | Espacio privado | Charte et vie SPIP-Contrib | SPIP | L'autre.net