Register

Warning: Parameter 1 to modMainMenuHelper::buildXML() expected to be a reference, value given in /home/supergra/public_html/libraries/joomla/cache/handler/callback.php on line 99

Super Grace Assembly


Warning: Parameter 1 to modMainMenuHelper2::buildXML() expected to be a reference, value given in /home/supergra/public_html/libraries/joomla/cache/handler/callback.php on line 99

Incoming Programmes

  • Business Summit - Sept.30th 2010
  • Youth Congress - Oct 15 - 17th 2010
  • LGC Thanksgiving - Nov 7th 2010
  • Faith Centre Thanksgiving - Dec.5th 2010

HIT COUNTER

Home The ministers Lytebox Setup
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