<div class="blue_box">
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.
</div>



<br /> <p><strong><font size="3">The already enabled LyteBox feature gives your site a  dazzling picture display!</font></strong></p> <p>Make sure to click on each of the examples.</p> <p>LyteBox comes pre-installed with this template just follow the tutorials below to setup your images.</p> <p><strong><font size="2">Single Image Example</font></strong></p>     <a href="http://www.shape5.com/demo/images/large1.jpg" title="Aliquam laoreet elementum tellus." rel="lytebox">  <img class="boxed" src="http://www.shape5.com/demo/images/small1.jpg" border="0" alt="one" width="214" height="61" align="top" /></a>        <p>To enable use the following around any image:</p> <div style="clear:both"></div><div class="code"> <p>&lt;a href="http://www.yoursite.com/images/popup.jpg" rel="lytebox" title="Your  Description."&gt;&lt;p align="center"&gt;&lt;img class="boxed" src="http://www.yoursite.com/images/thumbnail.jpg"  alt="Description" width="214" height="61" /&gt;&lt;/p&gt;&lt;/a&gt;</p></div> <p><strong><font size="2">Grouped Images Example</font></strong></p>           <a href="http://www.shape5.com/demo/images/large1.jpg" title="Loirem le as telaiu proen." rel="lytebox[gallery]">  <img class="boxed" src="http://www.shape5.com/demo/images/small1.jpg" border="0" alt="Description" width="214" height="61" align="top" /></a> <a href="http://www.shape5.com/demo/images/large2.jpg" title="Loirem le as telaiu proen." rel="lytebox[gallery]">  <img class="boxed" src="http://www.shape5.com/demo/images/small2.jpg" border="0" alt="Description" width="214" height="61" align="top" /></a> <a href="http://www.shape5.com/demo/images/large3.jpg" title="Loirem le as telaiu proen." rel="lytebox[gallery]">  <img class="boxed" src="http://www.shape5.com/demo/images/small3.jpg" border="0" alt="Description" width="214" height="61" align="top" /></a>        <p>To enable use the following around any group of images:</p> <div style="clear:both"></div><div class="code"> <p>&lt;a href="http://www.yoursite.com/images/popup1.jpg" rel="lytebox[gallery]"  title="Your Description"&gt;&lt;p align="center"&gt;&lt;img class="boxed" src="http://www.yoursite.com/images/thumbnail1.jpg"  alt="Description" width="214" height="61" /&gt;&lt;/p&gt;&lt;/a&gt;<br /> &lt;a href="http://www.yoursite.com/images/popup2.jpg" rel="lytebox[gallery]"  title="Your Description"&gt;&lt;p align="center"&gt;&lt;img class="boxed" src="http://www.yoursite.com/images/thumbnail2.jpg"  alt="Description" width="214" height="61" /&gt;&lt;/p&gt;&lt;/a&gt;<br /> &lt;a href="http://www.yoursite.com/images/popup3.jpg" rel="lytebox[gallery]"  title="Your Description"&gt;&lt;p align="center"&gt;&lt;img class="boxed" src="http://www.yoursite.com/images/thumbnail3.jpg"  alt="Description" width="214" height="61" /&gt;&lt;/p&gt;&lt;/a&gt;</p></div> <p><strong><font size="2">Slideshow Example</font></strong></p>       <a href="http://www.shape5.com/demo/images/large1.jpg" title="Loirem le as telaiu proen." rel="lyteshow[gallery]">  <img class="boxed" src="http://www.shape5.com/demo/images/small1.jpg" border="0" alt="Description" width="214" height="61" align="top" /></a> <a href="http://www.shape5.com/demo/images/large2.jpg" title="Loirem le as telaiu proen." rel="lyteshow[gallery]">  <img class="boxed" src="http://www.shape5.com/demo/images/small2.jpg" border="0" alt="Description" width="214" height="61" align="top" /></a> <a href="http://www.shape5.com/demo/images/large3.jpg" title="Loirem le as telaiu proen." rel="lyteshow[gallery]">  <img class="boxed" src="http://www.shape5.com/demo/images/small3.jpg" border="0" alt="Description" width="214" height="61" align="top" /></a>              <p>To enable use the following around any group of images:</p> <div style="clear:both"></div><div class="code"> &lt;a href="http://www.yoursite.com/images/popup1.jpg" rel="lyteshow[gallery]"  title="Your Description"&gt;&lt;p align="center"&gt;&lt;img class="boxed" src="http://www.yoursite.com/images/thumbnail1.jpg"  alt="Description" width="214" height="61" /&gt;&lt;/p&gt;&lt;/a&gt;<br /> &lt;a href="http://www.yoursite.com/images/popup2.jpg" rel="lyteshow[gallery]"  title="Your Description"&gt;&lt;p align="center"&gt;&lt;img class="boxed" src="http://www.yoursite.com/images/thumbnail2.jpg"  alt="Description" width="214" height="61" /&gt;&lt;/p&gt;&lt;/a&gt;<br /> &lt;a href="http://www.yoursite.com/images/popup3.jpg" rel="lyteshow[gallery]"  title="Your Description"&gt;&lt;p align="center"&gt;&lt;img class="boxed" src="http://www.yoursite.com/images/thumbnail3.jpg"  alt="Description" width="214" height="61" /&gt;&lt;/p&gt;&lt;/a&gt;<p>&nbsp;</p></div>   




  <br />


<br/><div class="gray_box">
<strong>I like what I see! I want to <a href="../../join-now.html" target="_top">JOIN TODAY</a>
</div>