Navegación con CSS

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

Proinf.net, ©2003-2017 ci 3.1.5 (CC) Esta obra está bajo una licencia de Creative Commons Este software está sujeto a la CC-GNU GPL