 |
|
|||
Sezione del telaio dedicata alla realizzazione e |
||||
|
|
|||
..:: Menu a discesa o tendina ::.. Un menu un po' scarno a mio parere ma utile in caso di tanti link che occuperebberotroppo spazio, inoltre è facile da configurare e non sporca il codice^^
- Il codice è semplicissimo, si utilizza un form in cui si inseriscono i parametri per l'apertura dei link, ecco il codice base:
|
||||||||||||||||||||||||||||||||||||||||||||
Vediamo a cosa servono i vari parametri- Abbiamo dato un nome al form [form name="box_1"] parametro che sarà richiamatonel tag che permetterà l'apertura dei link, in pratica diciamo al dove cosa^^ Invece action=" " è un parametro essenziale nei form che in genere si utilizzano per inviare informazioni e
serve ad impostare l'url della pagina che elabora i dati inviati, pensate adun form per inviare le e-mail, in questo caso si lascia vuoto. - Nella seconda riga c'è il tag più importante che appunto permetterà l'apertura dei link, select name="menu" è il tag che definisce una lista, per lo stesso motivo del forminseriremo un nome; onchange="window.open(box_1.menu.options[menu.selectedIndex].value,'_blank')ed ecco il motivo dei nomi nel form e nel select, con questo tag indichiamo che se nel form box_1 viene cliccato un link della lista (select) menu deve aprire una pagina, conil parametro value,'_blank' la pagina sarà aperta in una nuova finestra, per farli aprirenella stessa pagina scriveremo value,'_self'<option value="***">***</option> e qui c'è poco da spiegare, i tag per le opzioni,ovvero in questo caso i link disponibili N.B.: Nel caso vogliate utilizzare nella stessa pagina più menu a discesa ricordatevi di cambiare il nome del form e di riportarlo poi correttamente nel tag di richiamo; per capirci meglio... Secondo menu: form name="box_2"onChange="window.open(box_2.menu.options[menu.selectedIndex].value,'_blank')Terzo menu: form name="box_3"onChange="window.open(box_3.menu.options[menu.selectedIndex].value,'_blank')- I form non hanno una misura per la larghezza e occupano tutto lo spazio che trovano per cui postatelo dentro un div o una table invisibili^^ |
Vediamo come inserire dei parametri per personalizzare lo style
- Possiamo inserire parametri per il font, tipo, misura e colore (Esempio secondo menu)| <select name="menu" style="font-family: Tahoma; font-size: 12px; color:#4c412c" onchange="window.open(url1.menu.options[menu.selectedIndex].value,'_blank')"> |
- Coloriamo anche lo sfondo dei nomi link (Esempio terzo menu)
| <option style="background-color:#fef0fe" value="0">Titolo menu</option> <option style="background-color:#fefdc7" value="https://url pagina">Nome link</option> <option style="background-color:#f1fedc" value="https://url pagina">Nome link</option> |
# Prelevate qui il codice base
Spero di essere stata chiara in tutti i passaggi ^_^
Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥
Dai un giudizio a questo tutorial... Grazie ^_^
|
.gif){kind=small}
Commentario...
|
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^ |
I vostri commenti in questa pagina...
 | ೡPenelope ♥ 25/03/2015 16:43:18 |
| Grazie Giorgio ^_^ | |
 | Giorgio 19/03/2015 10:33:42 |
| bel sito | |
 | ೡPenelope ♥ 19/03/2014 17:03:51 |
| Bene Luciano mi fa molto piacere Un abbraccio ^_^ | |
 | Luciano ~  12/03/2014 23:36:47 |
| Finalmente uno che funziona!!!! Puoi vedere il risultato del lavoro sul sito che ho citato sopra, nella versione per dispositivi mobili | |
~ Pagina visitata da 13147 utenti
H:
Felice Estate
e ...buon sabato!
Segui il telaio su Facebook
Privacy Policy Cookie Policy
* Info sezione...
Mi farebbe molto piacere la condivisionedei miei tutorial ma vi sarei anche molto grata
se evitaste di fare copia e incolla su altri spazi
del mio lavoro, linkate le pagine, avvisatemi
ricambierò senza problemi. Grazie ♥
..:: Basi ::..
..:: html ::..
- Box effetto rilievo
- Basi CSS pagina web
- CSS elemento div
- CSS div struttura sito
- CSS sito responsive Flexbox
- CSS table
- CSS table struttura sito
- CSS file esterno
- Cbox - Chat per brevi messaggi
- Cbox - Theme editor
- Cursore
- Font personalizzato nel sito...
- Iframe per accessori e gadget
- Iframe per sito web
- Immagini
- Ipertesto - Link
- Link style
- Link ancora o interno
- Marquee
- Marquee speciali
- Marquee javascript
- Sfondo pagina
- Table basi e style
- Table sfondo
- Table scroll
- Table lavori
- Testo, font e personalizzazioni
- Textarea
..:: Script page ::..
..:: Script gadget ::..
Accessori e gadget del telaio...
Spazio web...
Realizzare e gestire un sito web
nell'hosting free più famoso...
Materiale grafico
Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!
I vostri messaggi...
|
|
Luca 
! Torno qui per prelevare un banner 88x31, lo inserisco nel mio forum, si troverà nello spazio "Amici non affiliati" dopo le sezioni, in fondo al forum. Ho inserito anche l'iniziativa "Help Donna" 
che si troverà sempre dopo le sezioni, nello spazio a lei dedicatole.Un abbraccio, a presto:-)Il mio forum
|
html & script Tutorial è online dal 2011 e dopo una lunga pausa ripartiamo da... 1 anno, 9 mesi, 27 giorni ೡ Copyright © Penelope 2008 - 2025 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |