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
). 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.
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.