Come creare un semplice menù a tendina per il blog, tutorial

lunedì, marzo 31, 2014


Eleonora del blog Mani di Fata Creazioni, ha adottato un semplice menù a discesa per facilitare la navigazione del blog. In effetti quel menù l'ho fatto io ed al momento che lei ha avuto necessità di aggiungere delle voci ha incontrato qualche piccola difficoltà, quindi lascio un tutorial sperando possa essere d'aiuto a tutti e sperando di essere il più chiara possibile.


  • esaminiamo il codice:




tutorial menù a tendina

  1. parte circondata in rosso → box 1 (parte evidenziata in azzurro)che nel caso di Eleonora è MATRIMONI
  2. parte evidenziata in verde → url della prima voce sotto Matrimoni e cioè "inviti e partecipazioni", evidenziato in rosa
  3. parte sotto la tratteggiatura rossa → box 2 (che rappresenta un nuovo box, quindi possiamo anche dire un nuovo argomento.


  • Come fare ad aggiungere elementi?


  1. Se volete aggiungere una nuova voce, un nuovo elenco dovete creare un nuovo box che avrà quindi un numero consecutivo  all'ultimo che avete già messo, per esempio, Eleonora ha messo già 4 box,
    quindi se vuole crearne uno nuovo, questo si chiamerà box  5.
  2. Se invece volete aggiungere una voce ad un elenco già creato basterà  inserire nel relativo box una nuova stringa di codice così:


<option value="url del nuovo argomento" />titolo del nuovo argomento

(dove verde e rosa sono riconducibili all'immagine sopra)

Ricapitolando, per creare un menù a tendina il codice è questo:


<form name="box_1" action=" ">
<select name="menu"
onchange="window.open(box_1.menu.options[menu.selectedIndex].value,'_blank')">
<option value="0" />TITOLO DELLA VOCE PRINCIPALE
<option value="URL DELLA PAGINA" />TITOLO DELLA PAGINA
<option value="TITOLO DELLA VOCE PRINCIPALE NR 2" />TITOLO DELLA PAGINA NR 2
</select><br />
</form>
<form name="box_2" action=" ">
<select name="menu"
onchange="window.open(box_2.menu.options[menu.selectedIndex].value,'_blank')">
<option value="0" />TITOLO DELLA VOCE PRINCIPALE
<option value="URL DELLA PAGINA" />TITOLO DELLA PAGINA
<option value="TITOLO DELLA VOCE PRINCIPALE NR 2" />TITOLO DELLA PAGINA NR 2
</select><br />
</form>
...e così avanti fino ad aver inserite tutte le voci che volete.
Spero di essere stata chiara ma ritenetevi libere di scrivermi per ogni dubbio.



You Might Also Like

0 scarabocchi

Grazie della visita e del tuo commento...♥♥♥
è un piacere leggervi!
Sorrisone!
:)

Nota. Solo i membri di questo blog possono postare un commento.

Circa Grafic Scribbles








modificare foto

Paperblog : le migliori informazioni in diretta dai blog

Mr.Webmaster


Motori ricerca

SEO


BlogItalia.it - La directory italiana dei blog

siti
sito internetBlog d'argento



Ebuzzing - Top dei blog - Blog creativi


Visite

eXTReMe Tracker

Views

© 2011 - 2016 Grafic Scribbles, AllRightsReserved.. Powered by Blogger.

on line