Een HTML-lightbox maken

Lightbox is een webontwerptool die een klein vak maakt waarin inhoud zoals afbeeldingen of tekst wordt weergegeven en die in het midden van het scherm verschijnt wanneer op een link wordt geklikt. Er zijn veel variaties op het maken van een lightbox, en de meeste vereisen dat wat javascript wordt gebruikt. Er is echter een manier om een ​​lightbox-effect op uw website te creëren met alleen HTML-code.

Stap 1

Open een teksteditor zoals Kladblok of Teksteditor. Voer de CSS-code in het kopgedeelte van uw pagina in. Typ eerst ""

Stap 2

Typ "Testing...Texting" in het hoofdgedeelte van uw website. Dit bepaalt de inhoud die u in uw Lightbox wilt weergeven. Elke html kan hier worden ingevoegd.

Stap 3

Voeg een "Sluiten"-knop toe aan uw lightbox door "Sluiten" te typen in de inhoud van uw Lightbox.

Stap 4

Maak een link naar de Lightbox door "Klik hier" te typen. Vervang "Klik hier" door de tekst die u voor uw link wilt.

Sla uw bestand op. Je hebt nu een Lightbox gemaakt met alleen HTML.