Come creare una casella a discesa con colore

February 6

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

istruzione

1 Aprire un editor HTML, ad esempio Blocco note o Textpad.

2 Fare clic sul menu "File" e scegliere "Open" per individuare una pagina Web esistente in cui si desidera aggiungere il menu a discesa oppure scegliere "Nuovo" per creare un nuovo file.

3 Inserire il seguente codice in cui si desidera che appaia il vostro menu a tendina:

<Form name = "form1">

<Select name = stile "Select1" = "background-color: # FFFFD7" onChange = "displaydesc (document.form1.select1, thetext1, 'textcontainer1')">

<Opzione selezionata value = "URL"> Link Text </ option>

<Option value = "URL"> Link Text </ option>

<Option value = "URL"> Link Text </ option>

</ Select>

<Input type = valore "pulsante" = "Go"

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

</ Form>

4 Change "# FFFFD7" per il colore della vostra scelta utilizzando un codice esadecimale a sei cifre o un Web nome di un colore sicuro come sfondo "blu".

5 Modificare ogni istanza di "URL" a un indirizzo web reale e modificare "Link Text" per includere testo descrittivo nel menu a discesa.

6 Aggiungere le voci utilizzando questo formato:

<Option value = "URL"> Link Text </ option>

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

7 Fai clic su "File" e scegliere "Salva" per salvare. Se la creazione di un nuovo file, salvarlo come file HTML scegliendo "Tutti i file" e digitando un nome di file, seguito da ".html".

Consigli e avvertenze

  • È possibile aggiungere una riga vuota nel menu inserendo questo codice: <option> </ option>
  • È possibile applicare un colore di testo per la lista pure. Ad esempio, la seconda riga di codice potrebbe come segue per creare testo bianco su fondo nero:
  • <Select name = stile "Select1" = "background-color: black; colore: bianco" onChange = "displaydesc (document.form1.select1, thetext1, 'textcontainer1')">