06 gennaio 2012

Menu a tendina

Il Menu a tendina, o a scomparsa, può essere utile per risparmiare spazio.
Nella mia barra di destra c'è un Menu di prova, eccolo:

Cliccando sulla freccetta si apre una "tendina" che permette di scegliere un'opzione.

Questo il codice
<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">
<option>- Cerca qui... ......-
</option>
<option value="http://stocblog.blogspot.com/search/label/Fare%20il%20blog">Migliorare pc e programmi
</option>
<option value="http://stocblog.blogspot.com/search/label/Fare%20il%20blog">Fare il blog
</option>
<option value="http://cibo-medicina.blogspot.com">Vuoi dimagrire?
</option>
<option value="http://omeo-cura.blogspot.com">Conosci l'omeopatia?
</option>
<option value="http://fos-ilaron.blogspot.com">La mia Strada
</option>
</select>
</form>

Dunque:
Evidenziato in arancio ho messo testo semplice, quasi un titolo, è in testa all'elenco, non contiene link.
Evidenziate in giallo ci sono le voci che verranno mostrate nel menu, tu devi mettere le tue.
Evidenziati in verde invece sono i link che porteranno al sito (o da qualche altra parte...) e tu devi mettere i tuoi indirizzi.

Non c'è da spaventarsi per la combinazione "%20", sta a indicare lo spazio tra due parole in HTML.

[Come mettere questo codice in sidebar?
Usare Bacheca, Layout, Aggiungi un gadget, HTML/JavaScript]

NB- ho già scritto un post simile ...  questo mi sembra più facile da capire grazie agli evidenziatori.

Nessun commento: