Un menu a discesa è un modo semplice per implementare più collegamenti di navigazione su un sito Web in un piccolo spazio. Tuttavia, il menu predefinito assumerà l'aspetto del browser dell'utente o del computer tema, e questo può entrare in conflitto con il tuo sito web design. È possibile personalizzare i colori di sfondo e testo della vostra casella di elenco a discesa per abbinare il vostro sito Web. Il risultato è un sito più uniforme che appare completamente personalizzato per i tuoi visitatori.

Istruzioni

1

Aprire un editor di HTML, ad esempio Notepad o Textpad.

2

Fare clic sul menu "File" e scegliere "Apri" per individuare una pagina Web esistente a cui si desidera aggiungere al menu a discesa o scegliere "Nuovo" per creare un nuovo file.

3

Immettere il seguente codice dove si desidera che il menu a discesa a comparire:

< nome modulo = "form1" >

< select nome = "select1" style = "background-color: #FFFFD7" onChange = "displaydesc (document.form1.select1, thetext1, 'textcontainer1')" >

< opzione selezionata valore = "URL" > Link Text < / option >

< valore opzione = "URL" > Link Text < / option >

< valore opzione = "URL" > Link Text < / option >

< / selezionare >

< input type = "pulsante" valore = "Vai"

onClick="jumptolink(document.form1.select1)" >

< / form >

4

Modificare il colore di sfondo di vostra scelta tramite un codice esadecimale a sei cifre oppure un nome di colore sicuro Web come "blue." "#FFFFD7"

5

Modificare ogni istanza di "URL" a un indirizzo di sito Web e modificare "Link Text" per includere testo descrittivo nel menu pull-down.

6

Aggiungere voci utilizzando questo formato:

< valore opzione = "URL" > Link Text < / option >

È inoltre possibile rimuovere le voci rimuovendo l'intera riga che inizia con "< opzione."

7

Fare clic su "File" e scegliere "Salva" per salvare. Se si crea un nuovo file, salvarlo come un file HTML scegliendo "All Files" e digitando un nome di file, seguito da ". html".

Consigli & Avvertenze

• È possibile aggiungere una riga vuota nel menu inserendo questo codice: < opzione >< / option >
• È possibile applicare un colore di testo all'elenco pure. Ad esempio, la seconda riga di codice potrebbe leggere come segue per creare testo bianco su sfondo nero:
• < select nome = "select1" style = "background-color: black; colore: bianco "onChange ="displaydesc (document.form1.select1, thetext1, 'textcontainer1')">