-
Cómo construir un menú en cascada
-
Cuando se construye un menú con un código de hojas de estilo en cascada, que son capaces de crear un menú que emplea el formato HTML típicos, así como (Cascading Style Sheets) CSS codificación. Si bien estos menús en cascada potencialmente pueden llegar a ser bastante complejo, la estructura básica que rodea a estos menús es bastante simple. La inclusión de estos tipos de menús en su página web que requiere para realizar cambios en las etiquetas <head> y <body> de su página.
Instrucciones
1 Ingrese a su servidor web y haga clic en el archivo HTML asociado a la página en la que desea insertar un menú en cascada.
2 Haga clic dentro de la etiqueta <head> e introduzca este código:
<Style type = "text / css">
.hovermenu ul {
fuente: Arial negrita 13px;
padding-left: 0;
margin-left: 0;
altura: 20px;
}
.hovermenu ul li {
list-style: none;
display: inline;
}
.hovermenu ul li a {
padding: 2px 0.5em;
text-decoration: none;
flotador izquierdo;
de color negro;
background-color: # e1e1e1;
frontera: 2px # e1e1e1 sólida;
}
.hovermenu ul li a: hover {
background-color: # e5e5e5;
frontera de estilo: principio;
}
html> cuerpo .hovermenu ul li a: active {/
Aplicar efecto mousedown sólo para navegadores IE NO /
frontera de estilo: inserción;
}
</ Style>
3 Desplazarse por la página y haga clic dentro de la sección <body> de la página.
4 Introduzca este código:<Div class = "hovermenu">
<Ul>
<Li> <a href="Menu"> http://Url.com "> Menú 1 </a> </ li>
<Li> <a href="Menu"> http://url2.com "> Menú 2 </a> </ li>
<Li> <a href="Menu"> http://url3.com "> Menú 3 </a> </ li>
<Li> <a href="Menu"> http://url4.com "> Menú 4 </a> </ li>
<Li> <a href="Menu"> http://url5.com "> Menú 5 </a> </ li>
</ Ul>
</ Div>
5 Reemplazar "Menú 1", y todos los demás elementos "Menú" con la palabra real o palabras que desea que aparezca en las secciones del menú. A continuación, reemplace las direcciones URL en cada línea con la URL que desea abrir cuando se hace clic en uno de los elementos del menú.
6 Publicar la página.
