“Conocimiento Computadora>Internet

Cómo crear un Lightbox HTML

Lightbox es una herramienta de diseño web que crea un pequeño cuadro que muestra contenido como imágenes o texto que aparece en el centro de la pantalla cuando se hace clic en un enlace. Existen muchas variaciones para crear una caja de luz, y la mayoría de ellas requieren que se use JavaScript. Sin embargo, existe una manera de crear un efecto de caja de luz en su sitio web utilizando solo código HTML.

Paso 1

Abra un editor de texto como Notepad o TextEdit. Ingrese el código CSS en la parte del encabezado de su página. Primero escriba ""

Paso 2

Escriba "Prueba ... Mensajes de texto" en la sección del cuerpo de su sitio web. Esto definirá el contenido que desea que aparezca en su Lightbox. Aquí se puede insertar cualquier html.

Paso 3

Agregue un botón "Cerrar" a su caja de luz escribiendo "Cerrar" dentro del contenido de su Lightbox.

Paso 4

Crear un enlace a Lightbox escribiendo "Haga clic aquí" Reemplace "Haga clic aquí" con el texto que desea para su enlace.

Guarde su archivo. Ahora ha creado una Lightbox con solo HTML.

Sugerencia

Integre su lightbox en una sección de su sitio web. Son especialmente buenos para mostrar imágenes o videos.

[Cómo crear un Lightbox HTML] URL: http://www.ordenador.online/computadora/Internet/245669.html

Internet
Pros y contras de la tecnología RFID
¿Puede cambiar un fondo de Tumblr en cada página?
Cómo actualizar una tarjeta gráfica para Google Earth
¿Puede cambiar una subasta en eBay para comprar ahora?
Cómo ver videos en la Wii
Las ventajas y desventajas de eliminar las cookies de Internet
Cómo recibir pagos por hacer encuestas en línea
Cómo cambiar la configuración del bloqueador de elementos emergentes
Conocimiento de la computadora © http://www.ordenador.online