Joomla iPhone Compatible Template

You can define overall template width as well as widths of the left hand side and the right hand side columns with modules. All of this is done very easily in the template configuration. Main content area will be calculated to fit best between the left hand side and the right hand side column, no matter what values you entered for them. Also, if you don't have left or right modules published on certain pages, main content area will occupy their space.

If you like effect used on the images on this Demo site, you can use it for your site. This template comes with integrated jQuery Lightbox. Please prepare thumbnail image(s) and full size image(s) before proceeding.

To test how Lightbox gallery works, please check Color Schemes page and click on the pictures.

Single Image Lightbox

If you don't know HTML, you can use built-in Joomla editor. What you need to do:

1. Create a new paragraph and assign "gallery" ID to it
2. Insert thumbnail image inside
3. Link the thumbnail image with full-size image
4. You are done!

HTML view should look close to this example:

<p id="gallery" align="center">
<a href="images/stories/sample.jpg" title="This is module positions layout.">
<img src="images/stories/sample_small.jpg" border="0" width="200" height="152" />
</a>
</p>

Multiple Images Lightbox

Here's what you need to do to make a mini gallery, using Joomla editor:

1. Create a new paragraph and assign "gallery" ID to it
2. Make an unordered list
3. Insert thumbnail image inside every list element
4. Link each thumbnail image with full-size image
5. You are done!

HTML view should look close to this example:

<p id="gallery">

<ul>

<li><a href="images/stories/sample1.jpg" title="Step 2"><img src="images/stories/sample_small1.jpg" border="0" width="136" height="100" /></a></li>

<li><a href="images/stories/sample2.jpg" title="Step 3"><img src="images/stories/sample_small2.jpg" border="0" width="120" height="100" /></a></li>

</ul>

</p>

This template has support for 23 module positions. All module positions are collapsible. If no modules are published on some module positions, those module positions will automatically collapse.