The demo for Versatility IV utilises a large stock of custom code and styling to make the most of every content item and show what Versatility IV can do. This basically means that the HTML used in the custom modules and content have customisations which employ the characteristics of the template to make the "perfect" content.

This demo content section will take you through some of the content areas and general techniques used to further your understanding and help you realise the true potential of Versatility IV. If you would like to quickly deploy a replica of our Versatility IV demo for a new Joomla site, be sure to check out our RocketLauncher package.

Side Menu Modules

For the side menu modules such as "Main Menu" and others, you will need t use the following settings in each of the menu modules (Note: Default Joomla 1.5 installations will automatically have the following module suffix in place on most of the menu modules:

• Menu Class Suffix: _menu

The Bottom Menu

For the bottom menu, you will need t use the following settings in Admin -> Extensions -> Module Manager -> Other Menu :-

• Position: bottom
• Menu Class Suffix: -bottom
• Menu Style: Flat List

Frontpage Number Modules

If you wish to mimic the frontpage modules with the numbers (in user1-3), you will need to use the following content in Admin -> Extensions -> Module Manager -> New (or your own custom module) :-

<div class="number-block1" style="height: 149px;">Featuring the most flexible and configurable layout we've ever created, it has the ability to adapt to scores of layout configurations and arrangements.</div>

Read More Buttons

Read more buttons are automatically generated for content items that use the intro and main text option. However, you can easily insert them manually as witnessed on this demo. Use the following code:

<a href="/cfgs/your_link" class="readon">Read More...</a>

For a different effect, use

<a href="/cfgs/your_link" class="readon2">Read More...</a>