Tecnología

Inicio

Cómo el estilo de una lista desplegable

Una lista desplegable ocupa menos espacio que un menú tradicional en una página Web; los usuarios pueden seleccionar para abrir la lista sólo si están interesados ​​en una de sus opciones. Aunque el menú desplegable no aparece originalmente en la página, una vez que se abre, que debe ser similar al que pertenece y compartir en el diseño con el resto de la página. Puede añadir color al fondo de la lista y cambiar la forma en que el texto se ve en la lista desplegable.

Instrucciones

1 Abrir el código de la lista desplegable o una página Web en un editor de texto o Web, como Adobe Dreamweaver o el Bloc de notas.

2 Cambiar el color de fondo del menú de la lista desplegable. Escriba el siguiente código:

style = "background-color: # FF0000"

antes de que las opciones de menú en el menú de código. Cambiar el "# FF0000" (rojo) para el color que desee. Por ejemplo:

<Form name = "Mi lista desplegable">

<Select name = tamaño "select1" = "1" style = "background-color: # FFFFD7" onchange = "displaydesc (document.form1.select1, thetext1, 'textcontainer1')">

<Opción seleccionada value = "Mi"> http://www.mywebsite.com "> Mi Página Web </ option>

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

3 Shift cómo se alinea el texto dentro del menú. Encuentra el código: "align =" dentro del código de la lista desplegable. Introduzca el comando "centro", "izquierda" o "derecha" después de ella. Por ejemplo: align = "left".

4 Cambiar la fuente y el tamaño del texto. Inserte el siguiente código:

style = "font: 10px Arial cursiva"

en la "etiqueta de identificación palmo." Por ejemplo:

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

Cambiar el tipo de letra y tamaño (10px y Arial) a la opción preferida. Esta etiqueta va después de las etiquetas de opción de menú.