Tecnología

Inicio

Cómo crear un cuadro desplegable con color

May 5

Un menú desplegable es una manera fácil de poner en práctica múltiples enlaces de navegación en un sitio web en un espacio pequeño. Sin embargo, el menú por defecto va a tomar la apariencia de navegador o la computadora del usuario tema, y ​​esto puede entrar en conflicto con el diseño de su sitio web. Puede personalizar los colores de fondo y de texto de su cuadro desplegable para que coincida con su sitio web. El resultado es una página web más uniforme que aparece totalmente personalizado a sus visitantes.

Instrucciones

1 Abra un editor HTML, como Bloc de notas o Textpad.

2 Haga clic en el menú "Archivo" y seleccione "Abrir" para localizar una página Web existente en la que desea agregar el menú desplegable o seleccione "Nuevo" para crear un nuevo archivo.

3 Escriba el siguiente código en el que desea que aparezca el menú desplegable:

<Form name = "Form1">

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

<Opción seleccionada value = "URL"> Enlace de texto </ option>

<Option value = "URL"> Enlace de texto </ option>

<Option value = "URL"> Enlace de texto </ option>

</ Select>

<Input type = "button" value = "Go"

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

</ Form>

4 Cambio "# FFFFD7" al color de fondo de su elección utilizando un código hexadecimal de seis dígitos o un nombre de color seguro para la Web, tales como "azul".

5 Cambie cada instancia de "URL" para una dirección de sitio web real y modificar "Enlace de texto" para incluir un texto descriptivo en el menú desplegable.

6 Añadir entradas a través de este formato:

<Option value = "URL"> Enlace de texto </ option>

También puede eliminar entradas mediante la eliminación de toda la línea que comienza con "<opción."

7 Haga clic en "Archivo" y seleccione "Guardar" para guardar. Si la creación de un nuevo archivo, guardarlo como un archivo HTML eligiendo "Todos los archivos" y escribir un nombre de archivo, seguido de ".html".

Consejos y advertencias

  • Puede agregar una línea en blanco en el menú mediante la inserción de este código: <option> </ option>
  • Se puede aplicar un color de texto a la lista también. Por ejemplo, la segunda línea de código podría tener la siguiente para crear texto en blanco sobre un fondo negro:
  • <Select name = estilo "select1" = "background-color: negro; color: blanco" onchange = "displaydesc (document.form1.select1, thetext1, 'textcontainer1')">