Tecnología

Inicio

¿Cómo hago para que mi mesa de luz emergente al Centro en la pantalla?

¿Cómo hago para que mi mesa de luz emergente al Centro en la pantalla?


Una caja de luz es código JavaScript que se puede utilizar para mostrar una imagen en un cuadro emergente en lugar de una nueva ventana por completo. El código está escrito de manera que muchas de sus características se pueden editar, incluyendo título, tamaño y posición. De forma predeterminada, caja de luz debería aparecer en el centro de la pantalla. Si esto no está funcionando, hay una manera de forzar a este posicionamiento central utilizando código CSS.

Instrucciones

1 Descargar mesa de luz desde el sitio web de la mesa de luz. Esta descarga incluye los archivos JavaScript necesarios para ejecutar la mesa de luz, así como el código CSS que se puede utilizar para cambiar su apariencia.

2 Abra su editor de texto, como el Bloc de notas o editar texto. Seleccione "Archivo" en el menú superior, a continuación, seleccione "Abrir". Vaya a la carpeta que ha descargado la mesa de luz para, a continuación, haga clic en "lightbox.css" para abrir este archivo. Esto abrirá la hoja de estilos CSS.

3 Busque la sección Thath comienza "#lightbox." Esto controla la apariencia de la caja que aparece en la pantalla. Después de la "{" añadir el código:

position: fixed;

top: 0;

izquierda: 0;

Asegúrese de cerrar esto con "}". Esto dará a su caja de luz una posición fija independientemente del navegador que se encuentra. Los "top" y de las denominaciones de "izquierda" significa que no se mueva del centro. Si desea mover su caja de luz alrededor, introduzca valores positivos o negativos en los campos de "izquierda" "superior" e.

4 Guarde el archivo haciendo clic en "Archivo" y luego "Guardar". Cargar todos los archivos en el servidor web y usted será capaz de utilizar la mesa de luz con una ventana emergente fijo en el centro de la pantalla en cualquier lugar en su sitio.

Consejos y advertencias

  • También se pueden definir otros parámetros de la caja de luz en su hoja de estilo CSS, como el color de su cuadro.