Comment créer une lightbox HTML

Lightbox est un outil de conception Web qui crée une petite boîte qui affiche du contenu tel que des images ou du texte qui apparaît au centre de l'écran lorsqu'un lien est cliqué. Il existe de nombreuses variantes pour créer une lightbox, et la plupart d'entre elles nécessitent l'utilisation de Javascript. Il existe cependant un moyen de créer un effet lightbox sur votre site Web en utilisant uniquement du code HTML.

Étape 1

Ouvrez un éditeur de texte tel que le Bloc-notes ou TextEdit. Entrez le code CSS dans la partie en-tête de votre page. Tapez d'abord ""

Étape 2

Tapez « Test… Envoyer des SMS » dans la section du corps de votre site Web. Cela définira le contenu que vous souhaitez voir apparaître dans votre Lightbox. N'importe quel code HTML peut être inséré ici.

Étape 3

Ajoutez un bouton "Fermer" votre lightbox en tapant "Fermer" dans le contenu de votre Lightbox.

Étape 4

Créez un lien vers la Lightbox en tapant « Cliquez ici » Remplacez « Cliquez ici » par le texte que vous souhaitez pour votre lien.

Enregistrez votre fichier. Vous avez maintenant créé une Lightbox avec uniquement du HTML.