- Skill level:
Other People Are Reading
Open a text editor such as Notepad or TextEdit. Enter in the CSS code in the header part of your page. First type "<style type="text/css">" into your HTML page. Follow this with the code:
border: 16px solid orange;
End your header with "</style>"
Type "<div id="light" class="white_content">Testing...Texting</div><div id="fade" class="black_overlay"></div>" in the body section of your website. This will define the content you want to appear in your Lightbox. Any html can be inserted here.
Save your file. You have now created a Lightbox with just HTML.
Tips and warnings
- Integrate your lightbox into a section of your website. They are especially good for displaying images or videos.
- 20 of the funniest online reviews ever
- 14 Biggest lies people tell in online dating sites
- Hilarious things Google thinks you're trying to search for