Portadamenú CSS

sin miniatura

Bonito menú realizado con CSS & JQuery

Los menús son una parte fundamental de nuestro proyecto ya que facilitan la navegación al usuario. Debemos crearlos lo mejor posible, y si puede ser, con algún efecto, como el menú animado que os mostré hace unos días. En esta entrada aprenderemos a crear un menú muy bonito utilizando JQuery y CSS:

sin miniatura

71 Menús de navegación en CSS

Os mostramos una lista de 71 menús de navegación recopilados por la red. Los menús son de todo tipos: Verticales, horizontales, con imágenes, con varios niveles de navegación, mediante listas… No os olvidéis también de dar una vuelta por nuestra colección de menús. Os mostramos la lista a continuación:

sin miniatura

Crear un menú vertical con bordes discontinuos mediante CSS

Al igual que hemos creado un menú vertical simple, podemos crear otro del mismo molde pero con bordes discontinuos (dashed). (Si lo deseas también puedes mirar como crear un menú horizontal simple con CSS). Este menú, al igual que el anterior menú vertical que creamos y que hemos mencionado anteriormente, está creado mediante listas. Simplemente … Lee más!

sin miniatura

Crear un menú horizontal simple con CSS

Os hemos mostrado varios diseños de menús para poder inspirarnos en nuestros proyectos, también una lista de menús originales creados con CSS, pero ahora vamos a crear nuestro propio menú horizontal de forma simple con CSS (antes os enseñamos a crear uno otro menú poco más complejo). Empezemos:

sin miniatura

Crear un menú de restaurante con CSS

Bien, has creado un restaurante, tienes todo listo, la comida, los cubiertos, pero te falta el menú. No sabes cómo hacerlo así que te lo inventas en CSS. Eso es lo que os vamos a enseñar en esta entrada, como crear un menú de restaurante a base de CSS:

1
Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es ayudarte a aprender sobre CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita. Todo ello para ayudarte a empezar a crear tus proyectos o mejorarlos, encontrando la inspiración necesaria.

Puedes contactarme o anunciarte en el blog.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.