-
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ú.