How to Create an HTML Lightbox

", 3, [[

Lightbox je nástroj na návrh webu, ktorý vytvára malé pole, v ktorom sa zobrazuje obsah, ako sú obrázky alebo text, ktorý sa po kliknutí na odkaz objaví v strede obrazovky. Vytvorenie lightboxu je veľa variantov a väčšina z nich vyžaduje použitie nejakého javascriptu. Existuje však spôsob, ako na svojom webe vytvoriť efekt lightboxu pomocou iba kódu HTML.

Krok 1

Otvorte textový editor, napríklad Poznámkový blok alebo TextEdit. Zadajte kód CSS v časti záhlavia svojej stránky. Prvý typ ""

Krok 2

Typ "Testovanie ... Posielanie textových správ" v časti tela vášho webu. Definuje sa tým obsah, ktorý sa má zobraziť vo vašom Lightbox. Sem môžete vložiť akýkoľvek html.

Krok 3

Do lightboxu môžete pridať lightbox kliknutím na tlačidlo „Close“.

Krok 4

Vytvoriť odkaz na Lightbox zadaním textu „Kliknite sem“ Nahradiť text „Kliknite sem“ textom, ktorý chcete pre svoj odkaz.

Uložte súbor. Teraz ste si vytvorili lightbox iba s HTML.

Tip

Integrujte svoj lightbox do časti svojho webu. Obzvlášť dobré sú na zobrazovanie obrázkov alebo videí.

• Predchádzajúca strana: Ako skontrolujem, čo je môj poskytovateľ internetových služieb?
• Ďalšia strana: Ako zvýšiť svoj CPM