ubiquitour.com

Cómo insertar texto en un cuadro de desplazamiento de imagen

Cuando tienes un cuadro de desplazamiento que incluye una foto, el usuario de su página Web es capaz de desplazarse por la imagen para ver todo. En algunos casos, añadir texto en el cuadro de desplazamiento permite al usuario aprender más sobre la imagen que se incluye. Por ejemplo, si usted tiene una imagen de la gran muralla de China, puede incluir un texto con la imagen que proporciona un poco más información sobre la pared y sus orígenes.

Instrucciones

1 Inicie sesión su servidor Web. Abra el archivo HTML que incluye el cuadro de desplazamiento de texto e imagen.

2 Haga clic en la ubicación de la página donde desee insertar el cuadro de desplazamiento. Esto debe ser dentro de la sección < body > de la página.

3 Inserte este código:

< div estilo = "altura: 200px; width: 300px; overflow: scroll; fuente: 20px; color: #A6120D; fondo: URL('Text" > http://www.webpage.myimage.jpg'); " > texto va aquí.

< / div >

4 Cambie los ajustes de valor "alto" y "ancho" si lo desea. Cambie el tamaño de fuente, si así lo desea.

5 Cambiar el código de color "A6120D" (ver recursos).

6 Reemplazar "del http://www.webpage.myimage.jpg" con la URL de la imagen que desea que aparezca en el cuadro de desplazamiento.

7 Reemplazar "Texto va aquí" con el texto que desea que aparezca en el cuadro de desplazamiento.

8 Publicar la página.