Tecnología

Inicio

¿Cómo anexar la hoja de estilo activo con los estilos de la mesa de luz?

La mesa de luz es un pequeño script que se puede añadir a su propio sitio web. La mesa de luz cargas y muestra las imágenes de los usuarios Enlaces clic en una superposición en la parte superior de la página actual en lugar de una página separada. Como parte del proceso de instalación de la mesa de luz, debe incluir los archivos CSS y JavaScript mesa de luz en el código fuente de su página Web. Si no desea incluir la hoja de la mesa de luz estilo, la documentación oficial le indica que "añadir su hoja de estilo activo con los estilos de la mesa de luz" en su lugar. Usted puede hacer esto mediante la adición de un código en el archivo Lightbox.css a su hoja de estilo existente.

Instrucciones

1 Abrir el código fuente HTML de su página web. Busque una etiqueta en la parte superior de la página de inicio con "<link rel =" stylesheet "."

2 Examine el "href =" elemento después del elemento "rel =" stylesheet "" para determinar la dirección de su hoja de estilo activo. Por ejemplo, "href =" css / example.css "" indica que la hoja de estilo activo se denomina "example.css" y se encuentra en el "directorio css" en su servidor Web.

3 Abra el archivo CSS especificado en su página Web en un editor de texto.

4 Descargar el paquete de la mesa de luz HuddleTogether.org y extraerlo.

5 Abra el directorio extraído "css" y abra el archivo "Lightbox.css" en un editor de texto. No utilice el Bloc de notas o que no verá el formato correcto. Abrir con WordPad, haga clic en él, que apunta a "Abrir con" y seleccionando "WordPad".

6 Seleccionar todo el texto en el archivo Lightbox.css con el ratón, haga clic en él y haga clic en "Copiar".

7 Haga clic en la parte inferior del archivo CSS de su página Web y haga clic en "Pegar" para añadir el código CSS mesa de luz a su hoja de estilo activo.

8 Guardar el archivo CSS de su página Web y subirlo a su servidor Web.

Consejos y advertencias

  • Si usted no ve una etiqueta que comienza con "<link rel =" stylesheet "" en el código fuente HTML de su página web, la página Web no está utilizando una hoja de estilo. Incluir la hoja de estilo en su lugar la mesa de luz.