-
Cómo hacer un cuadro de texto hace estallar hacia fuera en HTML
-
La colocación de un cuadro de texto pop-out en su sitio web es una manera eficaz para mostrar información a los visitantes sin ellos la apertura de una nueva página web. Puede utilizar un cuadro de texto pop-out en su sitio web para mostrar el texto que es relevante para el contenido de la página principal - por ejemplo, muchos sitios web utilizan cuadros de texto desplegables a cabo para mostrar los términos y condiciones o más detalles acerca de un producto anunciado . Se puede visualizar un cuadro de texto pop-out en su sitio web mediante la creación de una nueva página para el pop-out y la inserción de una línea de código HTML en la página de contenido principal.Instrucciones
1 Lanzar su herramienta habitual programa de diseño de sitio web o editor de texto. Equipos basados en Windows nave con la aplicaciones de edición de texto Bloc de notas Microsoft WordPad y.
2 Haga clic en "Archivo" en el menú principal, a continuación, haga clic en "Abrir" y abrir la página web desde la que desea mostrar el cuadro de texto pop-out.
3 Copia el siguiente código y pegarlo en la sección de encabezado de la página Web. La sección de cabecera comprende todo el código entre el "<head>" etiqueta y el "</ head>" tag:
<Script type = "text / javascript">
<! -
función POP (mivinculo, windowname)
{
si (window.focus!) return true;
href var;
si (typeof (MyLink) == 'cadena')
href = mivinculo;
más
href = mylink.href;
window.open (href, windowname, 'width = 300, height = 150, barras de desplazamiento = no ");
falso retorno;
}
// ->
</ Script>
4 Seleccionar y resaltar las instrucciones altura y anchura en el código pegado. Cambie estos atributos para configurar el cuadro de texto pop-out a su tamaño de visualización preferida. En el ejemplo anterior, la ventana pop-out tiene una profundidad de pantalla de 150 píxeles y una anchura de pantalla de 300 píxeles.
5 Desplazarse hasta la ubicación de la página en la que desea mostrar el hotlink a la caja de pop-out. Este es el enlace que el usuario hace clic para abrir y mostrar el cuadro de texto pop-out.
6 Copiar y pegar el siguiente código HTML en el lugar de inserción:
<A HREF="popout.html" onclick="return popup(this,'description')"> Haga clic Popout </A>
7 Resalte y cambio "descripción" para su propia etiqueta para el cuadro de pop-out. Esto es para su propio uso, para ayudar a identificar el código de la caja de ventana externa y no se mostrará a sus visitantes.
8 Resalte y reemplazar "popout.html" con el nombre correcto de la página web que creó para contener el texto en el cuadro de pop-out. Cambiar el texto del enlace "Haga clic Popout" para su propio texto del enlace - por ejemplo, "Haga clic para más detalles del producto."
9 Haga clic en "Archivo" en el menú principal, luego seleccione "Guardar" para guardar la página Web. Sube la página y la caja de pop-out al servidor de su proveedor de hosting.
Consejos y advertencias
- También puede incluir imágenes, gráficos o contenido multimedia en una caja pop-out. Si muestra imágenes o gráficos, asegurar la caja es lo suficientemente grande para acomodar el tamaño de la imagen.