Creación de una barra de navegación horizontal puede ser una manera eficaz para que los usuarios de su sitio web para ir a distintas páginas sin depender de los hipervínculos y los botones "frontal" y "atrás". Al crear una barra de navegación horizontal, debe insertar algo de código HTML, así como algo de código CSS. Estos dos códigos trabajan juntos, a pesar de que se encuentran en diferentes secciones del documento HTML.
Instrucciones
1 Ingrese a su servidor Web y abra la página HTML en la que se va a insertar la barra de navegación horizontal.
2 Haga clic en la sección <head> de la página e insertar el código CSS:
navcontainer ul
{
padding-left: 1;
margin-left: 1;
background-color: # 036;
color blanco;
flotador izquierdo;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
}
navcontainer ul li {display: inline; Navcontainer} ul li a
{
padding: 0.2em 1 em;
background-color: # 036;
color blanco;
text-decoration: none;
flotador izquierdo;
border-right: #fff sólida 2px;
}
navcontainer ul li a: hover
{
background-color: # 369;
Color: #fff;
}
3 Haga clic en la sección <body> de la página en la ubicación en la que desea insertar la navegación horizontal y añade lo siguiente:
<Div id = "navcontainer">
<Ul id = "navlist">
<Li id = "activa"> <a href="#" id="current"> Noticias </a> </ li>
<Li> <a href="#"> Sobre Nosotros </a> </ li>
<Li> <a href="#"> Blog </a> </ li>
<Li> <a href="#"> Contacto </a> </ li>
<Li> <a href="#"> conjunta del Equipo </a> </ li>
</ Ul>
</ Div>
4 Reemplazar los "blog", "Sobre Nosotros" y otras entradas con el texto real que desea que aparezca en la barra de navegación.
5 Vuelva a colocar el "#" en cada línea con la URL que desea abrir cuando se hace clic en el texto en la barra de navegación.
6 Publicar la página. En las funciones.