Sliding menu panel con CSS3, HTML5 y JQuery

Los menús son un elemento esencial en cualquier sitio web. El usuario debe sentirse cómodo en el sitio y evitar distraerse o perder el control del sitio web, este es uno de los muchos errores que tenemos que evitar al crear un sitio web. Esto puede conseguirse creando el menú ideal, que variará según el sitio … Lee más!

Efecto de superposición de menú con CSS y JQuery

En este tutorial vamos a crear un menú con un efecto de superposición (overlay) bastante logrado, en el que nosotros al movernos encima del menú, el fondo se volverá negro, mostrando únicamente el submenú que nos haya salido posteriormente. Esto lo haremos mediante CSS y JQuery de una manera fácil y sencilla. Recuerdo que podéis … Lee más!

sin miniatura

Ejemplos de menús complejos con CSS & JQuery

Hace poco os mostré una lista de menús complejos. Estos menús eran creados en CSS, JQuery o ambos. Hoy os mostraré otra recopilación, con su respectivo manual para crearlo. Muy útil para usarlos en la zona de navegación de nuestro proyecto:

sin miniatura

Menú vertical con sólo 2 KB de CSS

Tutorialfeed nos envía un menú vertical creado con 2 KB de código CSS, parecido al menú vertical simple que os mostré, aunque un poco más sencillo. Todos los valores de este menú pueden cambiarse. Con un poco de imaginación podremos crear resultados muy buenos.

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

Ejemplos sobre menús desplegables complejos

Existen muchos tipos de menús: menús sencillos, menús desplegables… Pero existen otros todavía más complejos, con varios elementos en el menú (barras de búsqueda, enlaces, imágenes), y efectos de animación con JQuery. Ya que os he mostrado una gran variedad de ejemplos sobre menús sencillos, quería mostraros otra lista con menús desplegables complejos, por si … Lee más!

sin miniatura

Menú con varios niveles mediante CSS

Ya hemos visto como crear un menú horizontal y otro vertical paso a paso. En esta entrada explicaremos a crear un menú horizontal con varios niveles y subniveles, mediante una estructura de listas estilizadas por CSS. Mediante ul > li:hover ul podremos definir los submenús. Cuando creamos los menús normales, aplicamos display: block y le … Lee más!

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.