Custom Code Used For This Design

Occasionally we need to use custom html to obtain the layouts shown on our demos in specific modules. The code below is what was used on this template. It is best to enter this code directly into the HTML editor function of your editor.

Image and Content Fader Code:

Simply enter the images and into the default fields in the backend of the module. This demo uses 895x494 images, but you can use any image size; just make sure they are all the same size. Features like size, zoom, slide effects, and others are controlled in the module's backend. The custom html for each text area is shown below. The title setting should be turned off, it is used in the text area for this design instead. This module is published to top_row1_1 on the demo, but can be published to most positions.



Code used for text area, again the title setting should be turned off:

Custom_1 Profile:

This is a custom html module published to the custom_1 position. The background of this area is controlled in the template configuration under the Theme Specific tab.



Code used for this area:

Top Info Slides:

These are three separate custom html module modules published to the top_row2 positions. They used the info slide script, which must be enabled under the Javascripts tab in the template configuration.



Code used for this area:

Tab Show Slides:

This is the Tab Show module with newsflash modules published to each tab position. It is published to the custom_2 position. The Tab Show is using the class suffix -gradient. For instructions on how to use setup the Tab Show module please visit:
www.shape5.com/documentation/Joomla/Extensions/S5-Tab-Show
The newsflash modules should be set to horizontal under the Advanced tab in the module.



Code used for the articles in the newsflash modules:

Recent Photos:

This is a custom html module published to the custom_2 position, with the class suffix -gradient. The Multibox script must be enabled in the template configuration under the Javascripts tab.



Code used for this area:

Banner Ad:

This is a custom html module published to the custom_2 position.



Code used for this area:

Bottom About Area:

This is a custom html module published to the custom_3 position. Custom_3 has built in negative margins on it to remove the gap around it. This module can be published elsewhere, but only custom_3 will give it a negative margin.



Code used for this area:

Bottom Logo:

This is a custom html module published to the bottom_menu position.



Code used for this area:

Author Signature:

This is a custom html that is used at the bottom of the blog articles.



Code used for this area: