Generadores de menús de navegación basados en CSS

18, septiembre, 2007

En BLOG AND WEB encuentro un artículo escrito por Francisco, de los que a mi me gustan, sobre los menús de navegación, uno de los elementos principales de un sitio web, su buen funcionamiento y diseño influyen directamente en la forma en que el lector encuentra la información. Un factor a considerar en los menús es la compatibilidad entre navegadores, siendo los basados en CSS, los que tienen menos problemas. A continuación nos presenta un listamos de varios sitios conocidos que pueden ayudarte en la elección perfecto para tu blog o web:

  • CCSPlay. Ofrece una gran cantidad de menús en CSS, están clasificados por: textos, pestañas, botones, bordes, esquinas redondeadas, con listas de definición y en múltiples capas, en todos los casos se te brinda el código HTML y CSS.
  • CSS Menú Maker. Ya comentado en CSS Menu Maker, generador de menús. Es una opción bastante interesante, pues te da la opción de descargar las imágenes, el código HTML y CSS (Download Source Code) de cada menú para que lo personalices por tu cuenta o puedes usar su asistente (Customize) y crearlo totalmente en linea, para después descargarlo e implementarlo directamente en tu blog o web.
  • Exploding-boy. Una bonita galería de menús basados en pestañas, hay gran variedad de diseños pero hay que ver el código fuente para sacar el código del menú.
  • List-O-Matic (de Accessify.com). Es un generador de menús CSS bastante práctico y sencillo de usar con el que puedes crear tanto menús verticales como horizontales para aplicarlos directamente en tu sitio.
  • Free Menu Designs (de e-lusion.com). Tienen un total de 9 bonitos menús verticales para descargar en zip bajo licencia Creative Commons.
  • Alsacreations. Tiene una galería con menús bastante peculiares, el único “inconveniente” es que tienes que obtener el código desde las páginas de ejemplo.

Mi pequeña aportación a la lista de Blog and Web:

Entre todos ellos seguro que encuentras alguno que te sea útil. Pero si con todo ellos no te basta, puedes darle un vistazo a los siguientes enlaces:

Anuncios

CSS Menu Maker, generador de menús

18, septiembre, 2007

En la página CSS Menu Maker, tenemos un generador de menús CSS, que nos proporcionan una serie de menús tanto horizontales (7) como verticales (5), que pueden ser adaptados a nuestras necesidades para luego descargar su código.

menu horiz

menu vert


Algunos menús horizontales con efecto rollover

16, septiembre, 2007

En XIBERNETICOS tenemos una selección de menús del sitio Cssplay que siempre es un lugar a tener en cuenta a la hora de buscar recursos para nuestros proyectos web, aquí tenemos una pequeña lista de bonitos menús que podrás usar en tus proyectos:

  • Professional horizontal series (10 diferentes menús): Cada una de ellas tiene una descarga diferente puedes verlas en la Demo.
  • Professional drop-down using images and text: DescargaDemo.
  • Professional centered sliding doors dropline menu (con 3 variaciones): Cada una tiene asociada una descarga diferente, puedes ver la Demo

NetworkBar Generator, para generar una barra de navegación

13, septiembre, 2007

En el blog VAGABUNDIA nos enseña que con NetworkBar Generator podemos crear una barra de navegación personal, al estilo de la barra de Blogger, con menús desplegables. Pero antes tienes que registrarte.


Tutorial para crear una barra de navegación estilo Vista con CSS

13, septiembre, 2007

En BLOG VECINDAD… nos dan el enlace a Creating a vista style nav bar in css, un tutorial para crear una barra de navegación con CSS, al puro estilo Vista. Como la imagen que tienes a continuación:

menu.gif

  • Puedes ver el resultado en la siguiente demo .
  • Puedes efectuar la descarga  en formato zip.

Fancy Sliding Tab Menu, menús con estilo con javascript

13, septiembre, 2007

En el blog ANIETO2K nos presenta a Fancy Sliding Tab Menu, donde podemos disfrutar de unos menús en javascript cargados de movimientos gracias a script.aculo.us. [Demo] [Descarga].

muestra

• Actualización: En Xiberneticos tenemos el artículo Fancy Sliding Tab Menu V2, con todos los detalles del código empleado.


Nueve menús horizontales de calidad profesional

26, agosto, 2007

Los de CSSPLAY se superar día a día, en esta ocasión mediante una serie de menús horizontales de la calidad profesional usando las técnicas de las “sliding doors”, en el artículo Professional horizontal series, tienes la muestra y descarga a cada uno de ellos.

• Actualización (29/agosto/2007): Otro menú para añadir a la lista puede ser Professional drop-down (CSSPlay).