So erstellen Sie eine HTML-Lightbox

Lightbox ist ein Webdesign-Tool, das eine kleine Box erstellt, in der Inhalte wie Bilder oder Text angezeigt werden, die in der Mitte des Bildschirms angezeigt werden, wenn auf einen Link geklickt wird. Es gibt viele Variationen zum Erstellen einer Lightbox, und die meisten erfordern die Verwendung von Javascript. Es gibt jedoch eine Möglichkeit, einen Lightbox-Effekt auf Ihrer Website nur mit HTML-Code zu erstellen.

Schritt 1

Öffnen Sie einen Texteditor wie Notepad oder TextEdit. Geben Sie den CSS-Code im Kopfbereich Ihrer Seite ein. Erster Typ ""

Schritt 2

Geben Sie "Testing...Texting" in den Textbereich Ihrer Website ein. Dadurch wird der Inhalt definiert, der in Ihrer Lightbox angezeigt werden soll. Jeder HTML-Code kann hier eingefügt werden.

Schritt 3

Fügen Sie Ihrer Lightbox einen "Schließen"-Button hinzu, indem Sie "Schließen" in den Inhalt Ihrer Lightbox eingeben.

Schritt 4

Erstellen Sie einen Link zur Lightbox, indem Sie "Hier klicken" eingeben. Ersetzen Sie "Hier klicken" durch den gewünschten Text für Ihren Link.

Speichern Sie Ihre Datei. Sie haben jetzt eine Lightbox nur mit HTML erstellt.