 |
|
|||
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 12975 utenti
H:
Buon Inverno
!
Segui il telaio su Facebook
* 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...
|
|
|
|
html & script Tutorial è online dal 2011 e dopo una lunga pausa ripartiamo da... 1 anno, 5 mesi, 5 giorni ೡ Copyright © Penelope 2008 - 2025 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |