Daily Archives: 11 Δεκ 2007

Aurora Dawn allows for both a fixed and a fluid width layout. You can either set your site to be a certain pixel width or set it to fluid so it stretches to a specified percentage to take up the majority of the user’s screen. In addition you can easily set your own module column widths as well! This template gives you the ability to set your own width for the positions listed below.

1. Page body width

2. Left column width (not shown, appears left of the main body

3. Right column width

All of this is done very easily in the template configuration.

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

To enable use the following around any image:

Grouped Images Example

To enable use the following around any group of images:

<a href=”http://www.yoursite.com/images/popup1.jpg” rel=”lytebox

” 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

” 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

” 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

To enable use the following around any group of images:

<a href=”http://www.yoursite.com/images/popup1.jpg” rel=”lyteshow

” 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

” 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

” 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>

 

This template comes loaded with options that you can use to customize your site exactly how you want it. Here’s how to get to these custom settings:

1. In the backend of Joomla go menu item Extensions/Template Manager.
2. Click on the title of the template.
3. This will bring you to the template manager screen where you can edit the template’s parameters.
4. Click save when you are done

• Download the installation package from our download section.
• Once the download is complete go to the backend of Joomla.
• Navigate through your menu system to Extensions/Install Uninstall.

• Once at the installation screen click the browse button and navigate to where you downloaded the template file.
• Once you have the file selected click 'Upload File and Install'



The template is now installed, now let's set it as the default template:

• Navigate through your menu system to Extensions/Template Manager.
• Find the radio button next to the newly installed template.
• Click on the Default button at the top right of the screen and you're done!