Las barras de navegación que sea más fácil para las personas que visitan su sitio web para navegar a través de ella, y casi todos los sitios web tiene una barra de navegación en alguna parte de ella. Una de las barras de navegación más vistos con frecuencia es el horizontal que se extiende por la parte superior de una página web. Si desea insertar una barra de navegación horizontal en su página web, sólo tiene el código CSS correspondiente.
Instrucciones
1 Abrir el código de la página web a la que desea insertar una barra de navegación horizontal.
2 Copia y pega el siguiente código en la cabecera del documento:
<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: # FFF2BF;
frontera: 2px # sólida FFF2BF;
}
.hovermenu ul li a: hover {
background-color: # FFE271;
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 Copia y pega el código siguiente en el cuerpo del documento, en sustitución de las URL de sitios web con las direcciones URL a las páginas que desea la barra de navegación para enlazar a:
<Div class = "hovermenu">
<Ul>
<Li> <a href="title"> http://www.website.com "> título 1 </a> </ li>
<Li> <a href="title"> http://www.website.com "> título 2 </a> </ li>
<Li> <a href="title"> http://www.website.com "> título 3 </a> </ li>
<Li> <a href="title"> http://www.website.com "> título 4 </a> </ li>
<Li> <a href="title"> http://www.website.com "> título 5 </a> </ li>
</ Ul>
</ Div>
4 Guarde los cambios en el documento.
Consejos y advertencias
- Cambie cualquiera de los valores situados después de los dos puntos para cambiar el aspecto de la barra de navegación horizontal.
- Asegúrese de que usted sale de todos puntuacion intacta, de lo contrario el código podría no funcionar.