Cara Membuat Lightbox HTML

Lightbox adalah alat desain Web yang membuat kotak kecil yang menampilkan konten seperti gambar atau teks di dalamnya yang muncul di tengah layar saat tautan diklik. Ada banyak variasi dalam membuat lightbox, dan kebanyakan dari mereka mengharuskan beberapa javascript digunakan. Namun, ada cara untuk membuat efek lightbox di situs web Anda hanya dengan menggunakan kode HTML.

Langkah 1

Buka editor teks seperti Notepad atau TextEdit. Masukkan kode CSS di bagian header halaman Anda. Jenis pertama ""

Langkah 2

Ketik "Pengujian...SMS" di bagian isi situs web Anda. Ini akan menentukan konten yang ingin Anda tampilkan di Lightbox Anda. Setiap html dapat dimasukkan di sini.

Langkah 3

Tambahkan tombol "Tutup" lightbox Anda dengan mengetikkan "Tutup" di dalam konten Lightbox Anda.

Langkah 4

Buat tautan ke Lightbox dengan mengetik "Klik Di Sini" Ganti "Klik Di Sini" dengan teks yang Anda inginkan untuk tautan Anda.

Simpan file Anda. Anda sekarang telah membuat Lightbox hanya dengan HTML.