Convertir simples listas en complejos menús con CSS

Menús en css para descargar

Para los que aún no lo conozcan Listamatic es un excelente sitio que muestra, a través de sus ejemplos, cómo crear diferentes estilos de menús con CSS partiendo de una simple lista:

Además puedes visitar este tutorial (en inglés pero muy didáctico), del mismo sitio, donde enseñan de una forma extremadamente práctica cómo crear:

  • Menús con imágenes de fondo como viñetas.
  • Efecto rollover.
  • Menús anidados.
  • Menús horizontales.

pestañas menu css

Otra opción muy buena es CSS Library con menús verticales y horizontales (tipo pestañas) con uso de imágenes con degradado.

Menús de navegación realizados con css para descargar

Menu de navegación CSS

La gente de exploding-boy ha diseñado 3 galerías de menús de navegación CSS muy bien trabajados, y lo mejor es que están disponibles para descargar en forma gratuita para uso comercial y personal.

Las dos primeras son galerías de menús horizontales y la última de verticales. Espero les sea de utilidad.

Menús horizontales tipo Tabs (pestañas):

Galería 1

Demostración: Set Menús CSS horizontal 1
Descargar: Set Menús CSS horizontal 1

Galería 2

Demostración: Set Menús CSS horizontal 2
Descargar: Set Menús CSS horizontal 2

Menús verticales:

Galería 3

Demostración: Set Menús CSS vertical
Descargar: Set Menús CSS vertical

Vía: MateriaGris

Generador de menú de navegación CSS

Ver ejemplo de menú generado con CSS Menu Generator

CSS Menu Generator es una herramienta online que genera ambos códigos css y html para producir un sencillo menú de botones de navegación ( basado en texto ).

El primer paso consiste en elegir entre 4 estilos de menú diferentes. En los pasos siguientes se especifíca parámetros como el ancho, colores y por supuesto los links que conformarán nuestro menu.

Cerrar
Enviar por Correo