LyteBox Setup Tutorial PDF Print E-mail
Written by Administrator   
Tuesday, 11 December 2007 19:49
Note - The lytebox script is by default disabled. If you wish to use it you must enable this script in the template's configuration area. This also includes site shaper installations.


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>

 





I like what I see! I want to JOIN TODAY.
Last Updated on Tuesday, 13 October 2009 00:20
 

Choose Your Colors!

Create your own custom theme in seconds! Control hyperlink, title, link, page background colors and more with ease in the template configuration. The page background is a transparent .png image which will allow your own custom color to show through, making a pattern on top of your color. Titles, links, and more are all controlled by changing two highlight colors to colors of your choice. Read More...
The S5 Ultimate Drop Down is back! Use this drop down to wow your viewers and give them a truly unique visit when they come to your site! This is a great way to organize your data and free up valuable advertising space on your site. Simply publish any module to the positions drop_down_1, drop_down_2 or drop_down_3 and the S5 Ultimate Drop Down will automatically appear.

Featues:

  • Set your own drop down speed
  • Contains module positions drop_down_1, drop_down_2, drop_down_3
  • Auto adjust to the height of your content
  • Set your own open and close text
  • Fully powered by S5 Effects
The tab is closed
The tab is open