Cómo crear una caja de luz html

Mesas de luz pueden ser útiles cuando la creación de su cartera en línea.

La mesa de luz es una herramienta de diseño web que crea una pequeña caja que muestra el contenido como imágenes o texto en lo que aparece en el centro de la pantalla cuando se hace clic en un enlace. Hay muchas variaciones de la creación de una caja de luz, y la mayoría de ellos requieren que se use algo de javascript. Hay, sin embargo, una manera de crear un efecto de luz en su sitio web utilizando sólo el código HTML.

Abra un editor de texto como el Bloc de notas o TextEdit. Introducir en el código CSS en la parte de cabecera de la página. primer tipo ""

Tipo "

Vídeo: TUTORIAL CAJA DE LUZ MUY FÁCIL - ESTILO NÓRDICO

Prueba de mensajes de texto ...

" en la sección del cuerpo de su sitio web. Esto va a definir el contenido que desea que aparezca en su mesa de luz. Cualquier html se puede insertar aquí.

Agrega un "Cerca" botón de su caja de luz mediante la tipificación "Cerca" dentro del contenido de su mesa de luz.

Crear un enlace a la mesa de luz escribiendo "Haga clic aquí" Reemplazar "Haga clic aquí" con el texto que desea para su enlace.

Vídeo: Curso Basico de CSS - 5. Modelo de Caja

Guardar el archivo. Ahora ha creado una mesa de luz con sólo HTML.

Propina

Integrar su luz en una sección de su sitio web. Son especialmente buenos para la visualización de imágenes o videos.

referencias

Emanuele Feronato- Crear una mesa de luz Efecto únicamente con CSS - sin javascript solicitado- de agosto de 2007
La mesa de luz Homepage oficial

Sobre el Autor

Robert Godard comenzó a escribir en 2007 por varios blogs creativos y publicaciones académicas. Ha sido presentado en varios blogs de cine y ha trabajado en la industria del cine. Asistió a la universidad de Baltimore, ganando su B. A. en Historia.