Come creare una lightbox HTML

Lightbox è uno strumento di progettazione Web che crea una piccola casella che visualizza contenuti come immagini o testo che si apre al centro dello schermo quando si fa clic su un collegamento. Esistono molte varianti della creazione di un lightbox e la maggior parte di esse richiede l'utilizzo di alcuni javascript. Tuttavia, esiste un modo per creare un effetto lightbox sul tuo sito Web utilizzando solo il codice HTML.

Passo 1

Apri un editor di testo come Blocco note o TextEdit. Inserisci il codice CSS nella parte dell'intestazione della tua pagina. Primo tipo ""

Passo 2

Digita "Test... SMS" nella sezione del corpo del tuo sito web. Questo definirà il contenuto che vuoi che appaia nella tua Lightbox. Qualsiasi html può essere inserito qui.

Passaggio 3

Aggiungi un pulsante "Chiudi" alla tua lightbox digitando "Chiudi" all'interno del contenuto della tua lightbox.

Passaggio 4

Crea un collegamento alla Lightbox digitando "Fai clic qui" Sostituisci "Fai clic qui" con il testo che desideri per il tuo collegamento.

Salva il tuo file. Ora hai creato una Lightbox solo con HTML.