slider1

This is the slider1 position.

Two Template Themes

Duoplate comes with two different template themes, a Church and a Band theme:

            Church Demo

            Band Demo

slider7

This is the slider7 position with the module suffix of "-opacity" added.
Enter your text here
Close

S5 Slider Box

The S5 Box Slide is simply another way to hide away certain modules that possibly take up valuable real estate or you simply just don't need visible at all times. It's quite similar to the S5 Box only it slides out from the left expanding down and to the right.


This is the "newsflash" module position. You can publish modules to the "cpanel" position and they display just as the member login form has. NOTE: The S5 Box Slide will only appear when content is published to either the "newsflash and "cpanel" position.


Best of all both S5 Slider Box's are powered by S5 Effects so this means no script conflictions!
|
Member Login
Close

Login Form






Lost Password?
LyteBox Setup PDF Print E-mail
Written by Administrator   
Wednesday, 12 December 2007

The already enabled LyteBox feature gives your site a dazzling picture display!

Make sure to click on each of the examples.

LyteBox comes pre-installed with this template just follow the tutorials below to setup your images.


Single Image Example

one

To enable use the following around any image:

<a href="http://www.yoursite.com/images/popup.jpg" rel="lytebox" title="Your Description."><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail.jpg" alt="Description" width="214" height="61" /></p></a>


Grouped Images Example

Description Description Description

To enable use the following around any group of images:

<a href="http://www.yoursite.com/images/popup1.jpg" rel="lytebox[gallery]" title="Your Description"><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail1.jpg" alt="Description" width="214" height="61" /></p></a>
<a href="http://www.yoursite.com/images/popup2.jpg" rel="lytebox[gallery]" title="Your Description"><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail2.jpg" alt="Description" width="214" height="61" /></p></a>
<a href="http://www.yoursite.com/images/popup3.jpg" rel="lytebox[gallery]" title="Your Description"><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail3.jpg" alt="Description" width="214" height="61" /></p></a>


Slideshow Example

Description Description Description

To enable use the following around any group of images:

<a href="http://www.yoursite.com/images/popup1.jpg" rel="lyteshow[gallery]" title="Your Description"><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail1.jpg" alt="Description" width="214" height="61" /></p></a>
<a href="http://www.yoursite.com/images/popup2.jpg" rel="lyteshow[gallery]" title="Your Description"><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail2.jpg" alt="Description" width="214" height="61" /></p></a>
<a href="http://www.yoursite.com/images/popup3.jpg" rel="lyteshow[gallery]" title="Your Description"><p align="center"><img class="boxed" src="http://www.yoursite.com/images/thumbnail3.jpg" alt="Description" width="214" height="61" /></p></a>


Advanced

You can also change the effects of each display above. To edit these settings edit the file templates/duoplate/js/lytebox.js. Look for the Configuration section about 40 lines down.

 


I like what I see! I want to join today.

Last Updated ( Friday, 25 April 2008 )
 
< Prev   Next >

World Class Service!

Shape 5 has built a great reputation for good customer service!

Take some time to read what our members are saying about Shape 5... click here!

S5 Drop Down

The S5 Drop Down is great for "storing away" certain modules from your viewers. Below is a listing of the features to the drop down:

  1. Set open and close text
  2. No script conflictions! Powered by S5 Effects
  3. Height Auto adjusts to your content
  4. 3 module positions available, all fully collapsible
  5. Define open/close speed
The tab is closed
The tab is open