Galleries, galleries, galleries! In this course, Justin shows you how to set up multiple gallery types. With SiteGrinder, it’s not only possible, but EASY to have a gallery function EXACTLY the way you like! Want your clickable “previous/next” buttons to be purple, Mediterranean spider monkeys? No problem! Two foreign monkeys comin’ right up! Or how about having the fur balls appear only when you hover over the gallery? Done!! Get as creative as you like (and if you do end up using the monkey idea, please send us a link to the gallery :D ). The pre-hinted RedToGreen template used in the course, which can be previewed HERE, is also provided for you to download so you can work along with the ‘SiteGrinder Mastery’ master himself… Justin the Dragon (don’t ask). Continue below for the full course outline…

Trick #1 – Creating a “Torn” Picturebox Effect

Length: 20 min

Ever wondered how to add some cool effects to your gallery? For this trick, I show you how to create a torn paper gallery from scratch.

Trick #2 – Creating Invisible Buttons

Length: 11 min

Seems like it would be an easy thing to add a button, but what about an “invisible” button that works no matter where you scroll over the entire image? I show you how to accomplish this in this video.

Trick #3 – Creating a Page as a Panelsheet

Length: 21 min

I consider this to be the #1 thing you should be aware of when using SiteGrinder. This will allow you to add all of your content in the SiteGrinder content manager without ever going back to the psd file! A wicked trick you need to add to your arsenal!

1. Creating a Simple Gallery

Length: 19 min

In this video, I show you the fundamentals of how to create a simple animated gallery picturebox for your website. I show you how to setup the settings in the design manager, then how to upload and organize images in the content manager.

2. Adding Buttons and Metadata to a Gallery

Length: 12 min

Why add descriptions in photoshop when you or your client can do it all on the fly in the content manager? I show you how to do all of that in this video.

3. Adding a Thumbsheet to Our Gallery

Length: 20 min

Add a little more control to your gallery with a thumbsheet. I show you how to space out your thumbnails in the design manager to achieve a good looking gallery.

4. Adding a Background Design

Length: 8 min

In this video, I show you how to add a drop shadow behind your gallery to add some depth to your gallery picturebox.

5. Changing the Thumbsheet View

Length: 18 min

There’s more than 1 way to skin a cat. In this video I change the thumbsheet view to the side so your metadata shows up underneath your main picturebox.

6. Adding a Viewsheet to a Thumbsheet

Length: 18 min

Want to add multiple views of the same image or product? Not a problem. I show you how to do this by adding a viewsheet.

7. Creating a Panelsheet

Length: 17 min

This is a killer tool to know if you’re a SiteGrinder user. If you’ve run into problems or headaches trying to manage your content in the psd file, this video is the answer to your prayers.

8. Adding a Youtube Feed

Length: 14 min

Want to stream in videos to your website? No problem. In this video, I expand on the Panelsheet and show you how to stream in videos from any Youtube page.

9. Picturebox with a Viewsheet and Panelsheet

Length: 18 min

In this video, I combine a Viewsheet with a Thumbsheet while having a main picturebox. Cool way to layout a gallery or product page if you want to sell items on your wesbsite.

10. Before and After Picturebox

Length: 10 min

In this video, I show you what the “before and after” picturebox does.