-->

MENU' A TENDINA VERTICALE

Qualche giorno fa mi è stato chiesto 
come mettere un menù a tendina in un blog,
per le varie pagine o etichette. 
Quando ce ne sono tante, è molto comodo
e soprattutto risparmia spazio nella pagina
principale.
Bene, vediamo i vari passaggi.

Per creare un menù a tendina con un elenco
di link ci sono due possibilità:
Apertura link nella stessa pagina o
Apertura link in una nuova pagina

vediamo nei  dettagli un esempio:

APERTURA LINK NELLA STESSA PAGINA:

<select name="Army2"size"1" 
onchange="location.href=this.value">
<option value="#">SELEZIONA</option>
<option
value="http://tuo url blog/search/label/blog">Blog</option>
value="http://tuo url blog/search/label/widget">Widget</option>
value="http://tuo url blog/search/label/tutorial">Tutorial</option>
value="http://tuo url blog/search/label/pagine utili">Pagine Utili</option>
value="http://tuo url blog/search/label/tubes">Tubes</option>
</select>

Per ogni pagina o post che inserite dovrete aggiungere
una riga
<option value=.......ecc. 
Le scritte in blu sono da modificare in base alle vostre esigenze
Il menù a tendina sarà così

chiuso:
aperto:
Blog
    Widget
     Tutorial
          Pagine utili
   Tubes

APERTURA IN UNA NUOVA PAGINA

<select name="Army1"size"1" 
onchange="window.open(this.value)">
value="http://tuo url blog/search/label/blog">Blog</option>
value="http://tuo url blog/search/label/widget">Widget</option>
value="http://tuo url blog/search/label/tutorial">Tutorial</option>
value="http://tuo url blog/search/label/pagine utili">Pagine Utili</option>
value="http://tuo url blog/search/label/tubes">Tubes</option>
</select>

 il menù sarà uguale ma al momento in cui si cliccherà 
su un link si aprirà una nuova pagina 

chiuso:
aperto:
Blog
    Widget
     Tutorial
           Pagine Utili
   Tubes



Spero di essere stata chiara in ogni passaggio

Ciao, alla prossima


Nessun commento: