Nwlapcug.com


Come creare una barra di navigazione verticale utilizzando i CSS

Creazione di una barra di navigazione orizzontale sarà aggiungere funzionalità al tuo sito e aiutare a tenerlo organizzato. Si può anche aggiungere valore in termini di SEO. È un processo semplice che può essere fatto utilizzando CSS o Cascading Style Sheets.

Istruzioni

Come creare una barra di navigazione verticale utilizzando i CSS

1

Decidere che cosa sta nella vostra barra di navigazione verticale. Quali sono le pagine più rilevanti e più visitato dopo gli elementi di navigazione orizzontale o principale?

2

Aprire la pagina web nel blocco note o editor di testo e digitare il seguente codice dove si desidera l'elenco per iniziare: < div id = "navcontainer" >< ul id = "navlist" >.

3

Aggiungere il primo elemento dell'elenco. Questo sarà il primo pulsante di navigazione verticale sul sistema operativo pagina ha il "id" della "corrente". Tipo < id li = "attivo" >< href = "primo-nav-pagina-name.html" id = "current" > termine di navigazione < /a >< / li >

4

Aggiungere il resto degli elementi di navigazione utilizzando il < li > e </li > Tag, con un collegamento ipertestuale. Digitare < li >< un href = "secondo-nav-pagina-name.htm" > Nav termine 2 < /a >< / li >, < li >< un href = "terzo-nav-pagina-name.html" > Nav termine 3 < /a >< / li >, ecc.

5

Dopo l'ultimo tag di navigazione, terminare l'elenco con </UL > e poi < / div >.

6

Creare gli stili CSS per questo elenco aggiungendo proprietà a voi foglio CSS. Basta aprire la cartella CSS e scaricare il foglio di stile CSS, quindi aggiungere uno stile. Per esempio, se si desidera aggiungere punti elenco quadrati, digitare li #navlist {list-style-type: quadrati;} nel tuo foglio di stile, nella parte superiore. #navlist li definisce l'oggetto di elenco di barra di spostamento.

Consigli & Avvertenze

  • Creazione di elenchi di navigazione verticale decorativo è un'abilità che richiede più conoscenza di CSS, ma semplici elenchi con stili interessanti si trovano proprio online.
  • Non fare la lista troppo lunga e sempre includere i tag di nav, come pure il < li > e </li > Tag.