August 11
se si desidera che gli utenti di comprendere la configurazione generale del tuo sito web, la creazione di una barra di navigazione CSS per la tua pagina può essere utile. Una barra di navigazione indica gli utenti che esistono sezioni della pagina e permette loro di trovare quelle sezioni facilmente. Se si vuole codificare una barra di navigazione, è necessario prima sapere quali sezioni si desidera fare riferimento e quali sono le loro URL sono.
1 Accedere al server Web e aprire la pagina HTML in cui si desidera inserire la barra di navigazione.
2 Fare clic nella sezione <head> del documento e inserire il seguente testo di CSS:
<Style type = "text / css">
ul
{
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 6px;
padding-bottom: 6px;
}
Li
{
display: inline;
}
a: link, a: visited
{
font-weight: bold;
colore: #FFFFFF;
background-color: # 98bf21;
text-align: center;
padding: 6px;
text-decoration: none;
text-transform: uppercase;
}
a: hover, a: active
{
background-color: # 7A991A;
}
</ Style>
3 Cambiare i codici alfa-numerici associati a "colore" e "colore di sfondo" se lo si desidera. Vedere "Risorse" per ulteriori codici colore.
4 Clicca sulla sezione <body> della tua pagina.
5 Inserire il seguente codice:
<Ul>
<Li> <a href="New"> http://www.website.com/newinformation">New Informazioni </a> </ li>
<Li> <a href="Contacts</a> & lt; / li "> http://www.website.com/Contacts"> Contatti & lt; / a> & lt; / li>
<Li> <a href="About"> http://www.website.com/aboutthecompany">About l'azienda </a> </ li>
<Li> <a href="Home</a> & lt; / li "> http://www.website.com/home"> Casa & lt; / a> & lt; / li>
</ Ul>
6 Sostituire l'URL e il testo del display in ogni riga che avete appena incollato con il testo di visualizzazione effettiva e l'URL che si desidera aprire quando si fa clic.
7 Pubblicare la pagina.