Asignando estilos a las secciones de nuestro menú de navegación

Al igual nosotros al principio hemos definido una capa llamada cabecera, otra llamada logotipo, etc, en los archivos estos tan raros que acabamos de pegar en nuestra carpeta de ejemplo se ha definido un tipo de menú (que va a ser desplegable) y se le ha puesto el nombre de desplegable1.

Por lo tanto, para que una sección de nuestro menú de navegación sea desplegable hemos de aplicarle esa clase llamada "desplegable1". Para hacer esto basta con abrir la plantilla.html y escribir esto:

......
  <div id="navegacion">
    <ul>
      <li><a id="desplegable1" href="#">Sección 1</a></li>
      <li><a href="#">Sección 2</a></li>
      <li><a href="#">Sección 3</a></li>
    </ul>
  </div>
......

Con esto tendremos un menú desplegable asignado a la Sección 1. Más adelante seguiremos colocándole desplegables a las otras dos secciones.

Si ahora guardas la plantilla.html y le haces una vista previa podrás ver lo que hemos conseguido. Cuando pones el cursor encima de Sección 1 aparece un deplegable bastante profesional. Eso si, los apartados que aparecen seguramente no sean los que tú quieres. Esos que puedes ver están predefinidos en uno de los archivos de scripts que hemos copiado en la web. Si quieres modificarlo para que aparezcan los apartados que tú quieres y además colocarle las rutas hacia las páginas que deseas tendrás que retocar esos archivos. Quieres aprender conmigo? Pues adelante!

	Web ComoCrearTuWeb