ProInf.net

Navegación con CSS

Francisco 20-07-10
Miniatura de la multisolapa

Exploración de las posibilidades que nos brinda CSS para crear sistemas de navegación: (a) unas pestañas que puedan ocupar varias filas, (b) un menú desplegable y (c) una opción a escoger entre varias.

Ejemplos y código CSS

El código ha sido probado en Firefox y Chromium

  1. Multisolapa

    Pestañas semitransparentes que pueden ocupar una o varias filas según la anchura del navegador web. La opción actual queda remarcada.

    ejemplo | css

  2. Multimenú

    Un menú horizontal que se despliega en vertical; el menú típico de cualquier programa de escritorio.

    ejemplo | css

  3. Multiopción

    Las opciones a elegir permanecen ocultas hasta colocar el ratón encima. La opción seleccionada es la única que queda visible.

    ejemplo | css

Descargar

Todos los archivos están comprimidos en css.7z

Compartir

 

Artículos relacionados:

Ir arriba