Menus CSS
CategoríaAgrupación de artículos que explican como realizar distintos tipos de menús en CSS.
Barra estilo Facebook con CSS por Ribosomatic
Ribosomatic ha creado a petición de sus usuarios una barra inferior parecida a la de Facebook, donde se muestran las aplicaciones, el chat, y las notificaciones de Facebook, realizada con CSS y algunas imágenes. Es muy simple, pero un poco limitada, por lo que, si la sumamos a este artículo, obtendremos nuestra barra definitiva. dtsv.dtse_post_4185_permalink … Lee más!
Elegante barra de navegación usando CSS
¿Necesitas una barra de navegación para tu sitio web? Este tutorial explica como diseñar una bonita barra de navegación mediante el uso de CSS, inspirada en Gettyimages. Es tan simple como otras que he descrito anteriormente, además de poder encontrar mayor inspiración en esta lista de menús horizontales. dtsv.dtse_post_3952_permalink = ‘http://www.cssblog.es/elegante-barra-de-navegacion-usando-css/’; dtsv.dtse_post_3952_title = ‘Elegante barra … Lee más!
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. dtsv.dtse_post_3381_permalink = ‘http://www.cssblog.es/menu-vertical-con-solo-2-kb-de-css/’; dtsv.dtse_post_3381_title = ‘Menú vertical con sólo 2 KB … Lee más!
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: dtsv.dtse_post_3343_permalink = ‘http://www.cssblog.es/bonito-menu-realizado-con-css-jquery/’; … Lee más!
Pestañas simples con CSS y JQuery
Existen muchas maneras de crear pestañas con CSS, aquí os mostraremos un método de los muchos que existen, acompañado de un poco de jQuery para agregar animaciones y efectos de transición. Estructura HTML Usaremos una lista desordenada para las pestañas, seguido del div con clase “tab_container”. Observa que cada item de la lista (pestaña) tiene … Lee más!
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!
Crear un menú animado con CSS y JQuery
Fancy Navigator Menu jQuery & CSS, es un menú realizado en CSS y JQuery, muy fácil de hacer, que nos permitirá darle un toque “personal” a nuestro menú de navegación (También podéis mirar la lista de menús de navegación que publicamos hace tiempo). dtsv.dtse_post_2851_permalink = ‘http://www.cssblog.es/crear-un-menu-animado-con-css-y-jquery/’; dtsv.dtse_post_2851_title = ‘Crear un menú animado con CSS y … Lee más!
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!
Diseñando un bonito menú vertical con CSS
En este tutorial vamos a enseñaros como crear un elegante menú vertical con CSS. Este tutorial es muy recomendable para principiantes, al igual que el otro sobre crear un menú horizontal. En este tutorial veremos el efecto hover en los menús, lo que es muy bueno si deseas aprender más allá de crear un menú … Lee más!
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: dtsv.dtse_post_1969_permalink = ‘http://www.cssblog.es/crear-un-menu-horizontal-simple-con-css/’; dtsv.dtse_post_1969_title = ‘Crear un … Lee más!
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: dtsv.dtse_post_1688_permalink = ‘http://www.cssblog.es/crear-un-menu-de-restaurante-con-css/’; dtsv.dtse_post_1688_title = ‘Crear … Lee más!
Novedoso menú de navegación con CSS3
Hay muchas formas de añadir navegación a tu sitio: Mediante pestañas, barras, menús, menús desplegables… En esta entrada explicaremos cómo crear un menú desplegable utilizando CSS3 y sus propiedades (Al ser CSS3 no será válido por los estándares). dtsv.dtse_post_1675_permalink = ‘http://www.cssblog.es/novedoso-menu-de-navegacion-con-css3/’; dtsv.dtse_post_1675_title = ‘Novedoso menú de navegación con CSS3′;
