01 02 03 04 05 06 07
★ Owner: Kayla
★ Opened: 06/09/17
★ Program: Photoshop CC 2020
★ Version: 13
★ Started Sw: 2005ish
★ Host: Myself
★ Credits: x
home content tutorials holiday contact ov


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 HERE}

2. Unzip the zip. If you don't know how than {CLICK HERE} to learn how to unzip files.

Pick a directory for shadowbox. I strongly suggest naming the directory "shadowbox". Upload all of the shadowbox files inside the directory.

3. Put this coding inside of the < head > tags of your coding.
Make sure you match the coding below to wherever you put yours. For example, if you put yours inside of a "shadowbox" directory than it would be /shadowbox/shadowbox.css and /shadowbox/shadowbox.js.

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: