Come Stile un elenco a discesa

August 29

Un elenco a discesa occupa meno spazio di un menu tradizionale in una pagina Web; gli utenti possono selezionare per aprire l'elenco solo se sono interessati ad una delle sue opzioni. Anche se il menu a discesa non è originariamente visualizzato nella pagina, una volta aperto, dovrebbe essere simile essa appartiene e condividere la progettazione con il resto della pagina. È possibile aggiungere colore allo sfondo della lista e cambiare il modo in cui il testo appare nella lista a discesa.

istruzione

1 Aprire il codice per l'elenco a discesa o una pagina Web in un editor di testo o Web come Adobe Dreamweaver o Blocco note.

2 Cambiare il colore del menu della lista a discesa di fondo. Inserire il seguente codice:

style = "background-color: # FF0000"

prima che le opzioni di menu nel codice del menu. Modificare il "# FF0000" (rosso) per il colore che si desidera. Per esempio:

<Form name = "lista a discesa">

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

<Opzione selezionata value = "mio"> http://www.mywebsite.com "> il mio sito </ option>

<Option value = "Google.com & lt; / opzione"> http://www.google.com "> Google.com & lt; / option>

3 Maiusc come il testo viene allineato all'interno del menu. Trovare il codice: "align =" all'interno del codice elenco a discesa. Inserire il comando "centro", "sinistra" o "destra", dopo di esso. Per esempio: align = "left".

4 Modificare il carattere e la dimensione del testo. Inserire il seguente codice:

style = "font: 10px Arial corsivo"

nella "tag span id." Per esempio:

<Span id = "textcontainer1" align = left "style =" font: italic 10px Arial "> </ span>.

Cambiare il tipo di font e la dimensione (10px Arial e) per la scelta preferita. Questo tag va dopo i tag opzione di menu.