Sådan oprettes en HTML-lysboks

Lightbox er et webdesignværktøj, der opretter en lille boks, der viser indhold som billeder eller tekst i den, der dukker op midt på skærmen, når der klikkes på et link. Der er mange variationer i at oprette en lysboks, og de fleste af dem kræver, at der bruges noget javascript. Der er dog en måde at skabe en lysbokseffekt på dit websted ved kun at bruge HTML-kode.

Trin 1

Åbn en teksteditor som f.eks. Notesblok eller TextEdit. Indtast CSS-koden i sidehoveddelen af ​​din side. Første type ""

Trin 2

Skriv "Testing ... Texting" i body-sektionen på dit websted. Dette definerer det indhold, du vil have vist i din Lightbox. Enhver html kan indsættes her.

Trin 3

Tilføj en "Luk" -knap til din lysboks ved at skrive "Luk" i indholdet af din Lightbox.

Trin 4

Opret et link til lysboksen ved at skrive "Klik her" Erstat "Klik her" med den tekst, du ønsker til dit link.

Gem din fil. Du har nu oprettet en lysboks med bare HTML.