Curioso sistema de navegación por franjas con CSS

Es impresionante la cantidad de cosas útiles que se pueden realizar con CSS. En WEBINTENTA, basándose en el artículo “A Stripe of List Style Inspiration” nos muestran como, únicamente con CSS, se pueden realizar estructuras de navegación complejas a partir de listas. En su caso han realizado un sistema de navegación horizontal, con franjas que se expanden para mostrar el contenido de las mismas.

franjas1.png

Un sistema de navegación muy útil para enlazar a distintas secciones y crear explicaciones sobre lo que se va a encontrar el usuario dentro de cada una de las secciones.

franjas2.png

El ejemplo que aparece está basado en el citado artículo, pero se ha añadido como novedad, la utilización de imágenes dentro de las franjas (cosa que es muy útil para un sistema de navegación de este tipo).

Para ver las explicaciones en castellano, el código empleado, o efectuar la descarga del mismo, pulsa el enlace.

3 respuestas a Curioso sistema de navegación por franjas con CSS

  1. ManusiYo dice:

    La verdad que esto del CSS no lo entiendo ni atrás ni adelante, pero todo se ve muy lindo ^^

  2. martin dice:

    recien me entero, sera cuestion de confiar en lo que viene, no??

  3. Toni dice:

    Manu es complicado como todas las cosas, si uno las desconoce, pero existen muchos sitios donde te enseñan, con tutoriales y cosas de esas.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: