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

pop up preview tutorial

If you do not know how to do basic linking or use a style.css page than this is not a tutorial for you.

There are lots of different pop up previews, so this is only 1 of them and this one has a bunch of different ways to do it.
Check out this website {CLICK HERE} for other ways.

What you'll be making:
HOVER over this image
preview download

The Steps

1. Put this code on your style.css page.

2. This is the link coding for it (like the preview and download buttons).
Take this coding and put it below the coding from step 1. BUT you need to design this link yourself!

3. Go to what ever page you're putting the pop up preview on. For example, if you need it for stylesheets than go to your stylesheets page in cpanel.

4. Paste this code on the page for EVERY piece of that content. For example, if you have 15 stylesheets than you have to use this coding 15 different times for EACH stylesheet.

Finished Product:

HOVER over this image
preview download