Hvordan lage en HTML-lysboks

Lightbox er et webdesignverktøy som lager en liten boks som viser innhold som bilder eller tekst i den som dukker opp midt på skjermen når du klikker på en lenke. Det er mange varianter av å lage en lysboks, og de fleste av dem krever at noe javascript brukes. Det er imidlertid en måte å lage en lysbokseffekt på nettstedet ditt ved hjelp av bare HTML-kode.

Trinn 1

Åpne et tekstredigeringsprogram, for eksempel Notisblokk eller TextEdit. Skriv inn CSS-koden i toppteksten på siden din. Første type ""

Steg 2

Skriv "Testing ... Texting" i hoveddelen av nettstedet ditt. Dette vil definere innholdet du vil skal vises i lysboksen din. Eventuell html kan settes inn her.

Trinn 3

Legg til en "Lukk" -knapp lysboksen din ved å skrive "Lukk" i innholdet i lysboksen din.

Trinn 4

Opprett en lenke til lysboksen ved å skrive "Klikk her" Erstatt "Klikk her" med teksten du ønsker for lenken din.

Lagre filen. Du har nå opprettet en lysboks med bare HTML.