PC da Zero - Guida facile e pratica per usare il computer

CREARE BLOG > Aggiungere o eliminare voci dei menu a discesa


3-libri-2019.jpg - 21,6 KB I 3 Manuali fondamentali per l uso del computer
20% di sconto

Acquista ora a soli 68 euro - Clicca qui, per riceverli comodamente a casa tua.

Nella lezione precedente hai visto come personalizzare le singole voci dei menu di una barra orizzontale.
Vediamo ora come eliminare o aggiungere altre voci e sottovoci senza compromettere il codice e quindi la stabilità del template.

MENU A 3 LIVELLI

Il menu in esame riguarda sempre il template "Revolution Church"; che consta di due menu orizzontali.
doppio menu orizzontale
Le voci che vengono visualizzate, sono quelle del primo livello.
Il secondo livello di voci appare quando posizioni il puntatore sopra la voce "sample page" (ad esempio) o "community events".
menu principale
Il terzo livello di voci, appare se in seguito, posizioni il puntatore sulla voce "sub page #1" (in questo caso).
menu secondario

AGGIUNGERE VOCI AI MENU A DISCESA

Per aggiungere un menu a discesa sulla terza voce dei menu, "sample post",
1 - individua con il codice relativo alla prima barra dei menu del tuo blog
2a - sostituisci il codice:

<li><a href='#'>Sample Post</a></li>


2b - con il seguente codice:

<li><a href='#'>Sample Post</a>
<ul>
<li><a href='#'>Sub Post #1</a></li>
<li><a href='#'>Sub Post #2</a></li>
<li><a href='#'>Sub Post #3</a></li>
<li><a href='#'>Sub Post #4</a></li>
<li><a href='#'>Sub Post #5</a></li>
</ul>
</li>


3 - clicca su "Salva Tema".
menu a discesa
Puoi eseguire la stessa cosa con il menu "Blog page".
Sostituendo il codice:

<li><a href='#'>Blog Page</a></li>


con il seguente codice:

<li><a href='#'>Blog Page</a>
<ul>
<li><a href='#'>Sub Blog #1</a></li>
<li><a href='#'>Sub Blog #2</a></li>
<li><a href='#'>Sub Blog #3</a></li>
<li><a href='#'>Sub Blog #4</a></li>
<li><a href='#'>Sub Blog #5</a></li>
</ul>
</li>


menu blog page

AGGIUNGERE MENU DI TERZO LIVELLO

Analogamente, ad ogni menu di secondo livello, potrai aggiungere menu di terzo livello.
Ad esempio, per aggiungere un menu a comparsa "Sub Post #1",
1 - sostituisci il codice:

<li><a href='#'>Sub Post #1</a></li>


con il codice:

<li>
<a href='#'>Sub Post #1</a>
<ul>
<li><a href='#'>Sub Sub Post #1</a></li>
<li><a href='#'>Sub Sub Post #2</a></li>
<li><a href='#'>Sub Sub Post #3</a></li>
</ul>
</li>


menu e sottomenu
e così via per tutti gli altri menu.

Potrai aggiungere uno, due, tre o più menu, aggiungendo o togliendo una o più righe di codice comprese,
tra i tag <li> e </li>

ELIMINARE VOCI DI MENU

Per eliminare voci di menu di terzo livello,
- elimina la riga compresa tra i tag <li> e </li>, compresi quest'ultimi tag.

Per eliminare le voci di menu di secondo livello,
1 - elimina prima le sue sottovoci ti terzo livello (se ci sono)
2 - elimina poi la voce scelta, compresa tutta la parte di codice che sta tra i tag <li> e </li>, compresi quest'ultimi.

Ad esempio per eliminare la voce "Sub Post #4", da questo codice:

<li><a href='#'>Sample Post</a>
<ul>
<li>
<a href='#'>Sub Post #1</a>
<ul>
<li><a href='#'>Sub Sub Post #1-1</a></li>
<li><a href='#'>Sub Sub Post #1-2</a></li>
<li><a href='#'>Sub Sub Post #1-3</a></li>
</ul>
</li>
<li><a href='#'>Sub Post #2</a></li>
<li><a href='#'>Sub Post #3</a></li>
<li>
<a href='#'>Sub Post #4</a>
<ul>
<li><a href='#'>Sub Sub Post #4-1</a></li>
<li><a href='#'>Sub Sub Post #4-2</a></li>
<li><a href='#'>Sub Sub Post #4-3</a></li>
</ul>
</li>
<li>
<a href='#'>Sub Post #5</a>
<ul>
<li><a href='#'>Sub Sub Post #5-1</a></li>
<li><a href='#'>Sub Sub Post #5-2</a></li>
<li><a href='#'>Sub Sub Post #5-3</a></li>
</ul>
</li>
</ul>
</li>


dovrai cancellare tutta questa parte di codice:

<li>
<a href='#'>Sub Post #4</a>
<ul>
<li><a href='#'>Sub Sub Post #4-1</a></li>
<li><a href='#'>Sub Sub Post #4-2</a></li>
<li><a href='#'>Sub Sub Post #4-3</a></li>
</ul>
</li>





Frasi celebri

“Se non lo sai spiegare in modo semplice, non l'hai capito abbastanza bene” (Albert Einstein).