-
Cómo agregar un archivo HTML Drop Box a una imagen de un Blog
-
Puede utilizar el lenguaje de marcado de hipertexto para incrustar objetos en su blog; HTML puede crear elementos de forma, tales como cajas de depósito, nombre de usuario y campos de contraseña, y presentar o botones de reinicio. Caída de cajas, o los menús, se utilizan a menudo en los blogs como la navegación del sitio desplegable; se puede usar HTML en combinación con JavaScript - otro lenguaje de programación basado en la Web - para hacer cajas de la gota envían al visitante a la página seleccionada. Además, puede utilizar elementos div para posicionar las cajas de caída sobre los otros elementos de la página, como imágenes o cabeceras.
Instrucciones
1 Añadir el "<form>" y "<form> etiquetas" entre la "<body>" y "</ body>" etiquetas.
2 Inserte el "<SELECT>" y "</ select>" etiquetas "entre los <form>" etiquetas, así:
<Form>
<Select>
</ Select>
</ Form>3 Añadir el número preferido de las opciones de menú en el código. Insertar "<opción>" entre la "<select>" etiquetas, a continuación, crear un nombre para el "<SELECT>" etiquetas, como se ve a continuación:
<Select name = "mascotas">
<Option> </ option>
<Option> </ option>
<Option> </ option>
</ Select>4 Introduzca un nombre para cada opción, junto con su valor, así:
<Option value = "gato"> gato </ option>
<Option value = "perro"> perro </ option>
<Option value = "pez"> Fish </ option>5 Rodear los "<SELECT>" etiquetas "con <div>" etiquetas:
<Div>
<Select name = "mascotas">
<Option value = "gato"> gato </ option>
<Option value = "perro"> perro </ option>
<Option value = "pez"> Fish </ option>
</ Select>
</ Div>6 Añadir el "superior" e "izquierda" atribuye a los "<div>" etiquetas:
<Div style = "top:; left:;">
7 Introduzca los valores numéricos appropraiiate en el "top" y los campos "izquierda" para situar el cuadro desplegable HTML en la parte superior de la imagen del blog. Por ejemplo, al introducir "top: 20px; left: 300px;" en la etiqueta "<div>" significa que el cuadro desplegable es de 20 píxeles desde la parte superior de la página, y 300 píxeles a la derecha. Mover el cuadro, sin embargo el número de píxeles necesarios hasta que esté asentado en la imagen. El código debería ser similar al siguiente:
<Div style = "top: 20px; left: 300px;">
8 Añadir JavaScript para el código y cambiar los campos de "valor" a las direcciones URL si desea que los visitantes a su blog para utilizar el menú desplegable, como la navegación del sitio. Se puede utilizar el siguiente código:
<Form action = "../">
<Seleccione onchange = "window.open (this.options [this.selectedIndex] .value, '_ top')">
<Option value = "http: // mi blog / home"> Inicio </ option>
<Option value = "http: // mi blog / archives"> Archivo </ option>
<Option value = "http: // mi blog / sobre"> Acerca de mí </ option>
</ Select>
</ Form>
