The demo for The Travel template utilises a large stock of custom code and styling to make the most of every content item and show what The Travel template 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 The Travel template.

If you would like to quickly deploy a replica of our The Travel template demo for a new Web site, be sure to check out our: Travel website package.

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

The Top Menu with javascript effects

For the top menu, you will need t use the following settings in

Admin -> Extensions -> Module Manager -> Top Menu :-

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

To have your menu items be formatted like we have on the demo,

you need to split what you want displayed on the first row with the

second with the | symbol.

Therefore, the Design menu item is the following format:-

Design | Elegant Style

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="/your_link" mce_href="/your_link" 

class="readon">Read More...</a> 

<a href="/your_link" mce_href="/your_link" 

class="readon2">Read More...</a>