ubiquitour.com

Cómo crear elementos de submenú con Suckerfish

Suckerfish es un menú desplegable distribuido libremente que lleva el nombre de los ejemplos mostrados en el menú: las diferentes especies de Perciformes, que incluye el suckerfish. Utiliza las listas HTML, CSS y unas pocas líneas de JavaScript para crear un sistema de menús multinivel que es compatible con todos los principales navegadores Web. Suckerfish puede ser insertado en una página Web existente y modificado para adaptarse a las necesidades del sitio web y diseño. Parte integrante de la modificación de la página web es agregar elementos de submenú para el sistema de menú Suckerfish.

Instrucciones

1 Haga clic en la Página Web que contiene el menú Suckerfish. Haga clic para seleccionar "Abrir con" y "Bloc de notas." Se abrirá la Página Web sin representación, lo que le permite realizar cambios directamente en el HTML.

2 Localizar el menú Suckerfish en la Página Web. El menú Suckerfish de predeterminado se inicia con el "< ul id = 'nav' >" etiqueta.

3 Identificar el elemento de menú que desea agregar un elemento de submenú. Elementos de menú son las más altas en el sistema de menús jerárquico. Comienzan con la etiqueta "< li >" y terminan con la etiqueta "< /li >". Cuando se procesa la página, se muestran estos elementos de menú (a diferencia de los elementos de submenú, que sólo se revelan cuando el usuario desplaza el puntero del ratón sobre los elementos de menú.)

4 Haga clic para situar el cursor a la derecha de la etiqueta "< /li >" para el elemento del menú donde desea crear un submenú y luego pulse «ENTER» para crear una nueva línea. Escribe "< ul >" y presiona "ENTER" para crear un submenú nuevo.

No es necesario si ya existe un submenú en el menú crear un submenú nuevo. En su lugar, haga clic para colocar el cursor después de uno de los elementos de submenú existentes y luego pulse «ENTER» para crear una nueva línea.

5 Tipo "< li >< a href =" submenú "rel ="nofollow"target ="_blank"> http://www.example.com'> elemento de submenú < /a >< /li >" en la línea en blanco. Reemplazar "www.example.com" con la dirección del sitio web al que desea vincular el elemento de submenú y reemplace el texto de "elemento de submenú" con el texto que desea que los usuarios ver en el menú. Presione "Enter". Por ejemplo, si desea vincular a "http://www.google.com" y mostrar el enlace de "Google" en el menú, escriba "< li >< a href ='Google & lt; /a > & lt; /li" rel = "nofollow" target = "_blank" > http://www.google.com'> Google & lt; / a > & lt; / li > «en la línea en blanco y luego pulse «Enter».

6 Repita el paso anterior para crear elementos de submenú adicional. Cuando haya terminado de agregar elementos de submenú, tipo "< /ul >" para cerrar el submenú. Esto no es necesario si ya existía un submenú existente.

7 Haga clic en el menú "Archivo" seguido por "Guardar" para guardar la Página Web.