Your Cart:
0 Items
Order Total: $0.00

0 Product
$0.00





Home Tutorials Lytebox Setup

S5 VM Accordion Menu

LyteBox Setup Tutorial PDF Print E-mail
Written by Administrator   
Tuesday, 11 December 2007 19:49

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, 09 December 2008 18:59
 
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