index resources tutorials facebook hosting credits ov


This website is here to provide you with the necessities to design & code your own websites, signs, and much more. If you have any questions, please contact me on fb. Thank you for visiting my website. I hope you enjoy everything I have to offer! ♥




Credit to for this shadowbox. Their website is shut down (at the time I'm making this tutorial) and I'm not sure if it will return, but all copyrights go to them. Do NOT remove their credit when putting the shadowbox on your website.

>> CLICK HERE << for an example of what shadowbox is.

The Steps

1. Download this zip file >> click <<

2. Create a Shadowbox directory on your website. Go into that directory and unzip the file you just downloaded. If you don't know how to unzip files than check out my tutorial on that before continuing.

3. Put this coding inside of the < head > tags of your coding.
Please note that MY shadowbox is in 2 shadowbox directories, so to get to it you go to

Make sure you match the coding below to wherever you put your shadowbox. For example, if you put yours inside of a "scripts" directory than it would be /scripts/shadowbox/shadowbox.css.

4. Attach this code to your link or where you want the shadowbox images popping up at.

For example-

5. Click on what ever you just added a shadowbox to and make sure it comes up, so you know you did this right.

Finished Product: