5 dic 2013

C. MENÚ DESPLEGABLE: GADGET HTML/Javascript

El tercero y último paso para poner los menús desplegables es añadir un Gadget HTML/JavaScripts. Para hacerlo entra en Diseño>AñadirGadget y selecciona HTML/JavaScripts.

OS AYUDARÁ: Teclear en el Bloc de Notas la configuración que quereis incluir y, luego, copiarla en el Gadget. Si no funciona, volver a intentarlo.

Se trata de hacer listas (ul) y sublistas (li) encerradas en las etiquetas:


<div class="jqueryslidemenu" id="myslidemenu">
   <ul>
     <li> <a href="URL del enlace">Pestaña 1</a></li>
   </ul>
<br style='clear: left'/>
</div>


Así por ejemplo para 6 pestañas, con dos subpestañas en la Pestaña 3 que, a su vez tiene 3 subpestañas en la 3.2, y la Pestaña 5 con 4 subpestañas el código sería:



<div class="jqueryslidemenu" id="myslidemenu">

<ul>
    <li><a href="URL del enlace">Pestaña 1</a></li>
    <li><a href="URL del enlace">Pestaña 2</a></li>
    <li><a href="#">Pestaña 3</a>
       <ul>
         <li><a href="URL del enlace">Sub 3.1</a></li>
         <li><a href="URL del enlace">Sub 3.2</a>
          <ul>
           <li><a href="URL del enlace">Sub 3.2.1</a></li>
           <li><a href="URL del enlace">Sub 3.2.2</a></li>
           <li><a href="URL del enlace">Sub 3.2.3</a></li>
          </ul>
         </li>
        </ul>
     </li>
    <li><a href="URL del enlace">Pestaña 4</a></li>
    <li><a href="#">Pestaña 5</a>
     <ul>
      <li><a href="URL del enlace">Sub 5.1</a></li>
      <li><a href="URL del enlace">Sub 5.2</a></li>
      <li><a href="URL del enlace">Sub 5.3</a></li>
      <li><a href="URL del enlace">Sub 5.4</a></li>
     </ul>
    </li>
   <li><a href="URL del enlace">Pestaña 6</a></li>

</ul>

<br style='clear: left'/>
</div>



Licencia de Creative Commons
Informática Bachillerato de Elena Monasterio-Huelin, está bajo una licencia de Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 España