You don't need a nice website if Google can't index it and position it higher in search results.

Even SEO beginners know that H1 and H2 tags are important and that Google spiders look for them when indexing your page. Joomla itself doesn't put headings in H1 and H2. With this template, it does!

This feature is automatically enabled in the template. You can check HTML code of the demo home page. You will see that big heading is in <H1> tag, while sub-heading is in <H2> tag. Without this template, these headings are in default componentheading and contentheading Joomla classes. Important note is that Joomla core files are NOT hacked, so you won't have any problems with upgrading, when new version of Joomla is available.

This template has a jQuery based top menu with nested sub-menus. Sub-menu opens with a nice animation effect. You can select one of nine available animation effects in template parameters. Core Joomla files are not hacked. Module position User3 is reserved for the top menu. Please type "nav" in Menu Tag ID. Menu type should be set to "list".

Available animation effects:

• Blind
• Bounce
• Clip
• Drop
• Explode
• Fade
• Fold
• Highlight
• Slide
• No effect

The vertical menu placed to the left side column here is a classic static Joomla menu with support for sub-menu items. You don't have to change default menu parameters for this menu. Menu type should be set to "list". You don't need to type anything in Menu Tag ID, Menu Class Suffix or Module Class Suffix fields.

This information is not important if you are installing template using our HOT Start package. In this case, all parameters are set.

This page represents typographical aspects of the "Skies" template. Take care about your typography to make better user experience for your readers. How to achieve that?

• Learn more about typography, escpecially about the most often used codes, such as <p>, <h1>, <h2>, <h3>, <img> and <a>.
• This template has valid XHTML, but if you want to keep it like that, you must learn and follow the XHTML principles. Also, if some of your extensions are not XHTML valid, pages based on this component would not be XHTML valid as well (no matter if template itself is valid).
• Familiarize yourself with CSS styles that comes with this template.
• Never copy/paste directly from layout text editors, such as Microsoft Word or OpenOffice. Try to paste text in plain editors first (such as Notepad).
• Use a WYSIWYG editor that comes with Joomla or install a better editor, but always check your code in the editor's HTML mode.

My mother said to me, "If you are a soldier, you will become a general. If you are a monk, you will become the Pope." Instead, I was a painter, and became Picasso... To have a quote styled like that use "quote" class with paragraph of text, like in this sample code: <p class="quote">...your text here...</p>

Heading One

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Heading Two

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Heading Three

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Heading Four

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

This is a warning message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here's a sample code: <p class="warning">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

This is an information message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here's a sample code: <p class="info">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

This is an error message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here's a sample code: <p class="error">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

This is code style you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here's a sample code: <p class="code">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

Unordered list sample:

• list element one
• list element two
  • list subelement one
  • list subelement two
  • list subelement three
• list element three
• list element four

Ordered list sample:

1. list element one
2. list element two
   1. list subelement one
   2. list subelement two
   3. list subelement three
3. list element three
4. list element four

Check list sample:

• to achieve this effect
• add class "checklist" to your unordered list
• like <ul class="checklist">

Arrow list sample:

• to achieve this effect
• add class "arrow" to your unordered list
• like <ul class="arrow">

Star list sample:

• to achieve this effect
• add class "star" to your unordered list
• like <ul class="star">

jQuery is powerful javascript library. Almost all of our extensions are based on that library (Top Menu, HOT Image Slider, HOT Newsflash, HOT Joomla Gallery, HOT Joomla Carousel, Lightbox, Font resizer, more are coming...). However, many Joomla extensions from other providers use other libraries (mooTools or prototype).

Using them together on a page will probably make conflicts. As a result, some or all of your extensions would not work.

However, we have found a solution. Our Joomla extensions use "jQuery noConflict mode". Therefore, with our templates, beside our extensions, you can also use other extensions from other providers based on other libraries.

Long-awaited time of the holiday season has arrived. We know, all travel agencies are very busy now. Their phones are red-hot!

Hot Destinations Joomla travel template is perfect for travel agency websites. As its name implies, it puts the spotlight on destinations that clients may be insterested to visit. They are displayed in different ways. The most attractive ones are in Hot Designation module. The Last Minute offers are in Hot Scroller module. Beside several custom modules with interesting locations and lists of the places to visit, the template also includes Hot Maps module that shows Google maps of selected location. Three commercial modules (value $29.85) are included in template price! As you can see, you can include some interesting photos as slideshow in background.

Imagine this situation: You have many modules to publish, but if you publish them all, your web site would become too busy. With this feature, you can have some modules published, but hidden into the top panel. When visitor needs some of these modules, he clicks the OPEN button and the top panel will slide down. Once he's done, he clicks theCLOSE button and the top panel will be hidden again.

The top panel contains four module positions. Those positions and floatable and have fluid width. In template parameters, you can change the panel's background color, as well as font color.

With this module, you can make some content of your page to stand out. The module is organized in "slots". For each content unit of the module (slot), you can have:

• A small picture
• A big picture
• Heading and piece of text
• Link to the full article (optional)

The idea of this module is not to catch existing Joomla articles as Hot Joomla Carousel Pro, but to allow users to add content (heading, pair of images and few sentances of text) into the module itself. The content units (slots) can be linked to the existing articles if needed.

You have full control over the module dimensions (width and height), number of slots displayed on slide. You can also set small and big images dimensions and animation properties. The "Read more" text for linked articles can be changed and titles can be linked or plain.

Regarding the module styling, for both headings and plain text, you can change font color, font family, size, weight (normal or bold) and style (normal or italic).

In order to be displayed in rotation, each slot should be enabled (select Enable Slot: On). You can rotate up to 15 slots per page.

You can see how the Hot Designation module works live on this page. Also, you can check the screen shots of the module backend to get better idea what you can do with this module.

All buyers of Hot Destinations template will get Hot Designation module FREE (regular price is $9.95).

Need to display your images as a carousel? Easily done with our new Joomla extension.

HOT Joomla Carousel is a simple Joomla module that will help you to show your photos in a carousel style. You can see how it works on this demo site. Usage is very simple. You need to enter path to your images and your carousel is ready.

USAGE INSTRUCTIONS

Open module parameters in Extensions > Module Manager > HOT Joomla Carousel. You'll see that some default parameters are already there. However, you should change some of them to accomodate module for usage on your site.

• LOAD JQUERY: Select wheter to load jQuery library or not. If your template already loads it, you may disable this to avoid possible javascript errors.
• FOLDER: Where your images are stored, relative to Joomla root directory.
• OVERALL WIDTH OF MODULE: Overall width of module in pixels (in example 200)
• OVERALL WIDTH OF MODULE: Overall height of module in pixels (in example 150)
• NUMBER OF IMAGES ON SCREEN: Number of images that will be shown on screen at the same time (in example 5)
• WIDTH OF IMAGES: Width of images in carousel in pixels (in example 128)
• HEIGHT OF IMAGES: Height of images in carousel in pixels (in example 128)
• MARGIN BETWEEN TWO IMAGES: Distance beween two neighbor images in pixels (in example 10)
• PADDING BETWEEN BORDER AND IMAGE: Padding beween image borders and images in pixels (in example 2)
• BORDER WIDTH: Width of borders of images in pixels (in example 2)
• BORDER COLOR: Color of borders of images in hexadecimal format (in example 000000)
• SHOW PAGINATION: Select whether to display linked numbers of carousel pages or not
• AUTOSLIDE: Select whether to change images automatically or not
• AUTOSLIDE INTERVAL: Time in milliseconds between change of slides (only if autoslide enabled)
• SELECT TRANSITION EFFECT: Select slide or fade transition effect
• ANIMATION SPEED: Select speed of transition animation
• DIRECTION OF IMAGES: Select horizontal to display images in a row, or select vertical to display images in a column
• TRANSITION LOOP: Select whether to show transition of images in loop or not

HOT Joomla Gallery module is incorporated in this template. You can see how it works on this demo site. Usage is very simple. You need to enter path to your images and your gallery is ready. Control other parameters to make your gallery works better with your theme.

The "HOT Joomla Gallery" module by HotJoomlaTemplates.com is a fully configurable, simple gallery module, based on jQuery.

In module parameters, you have control over module display. You can enable or disable image descriptions. It's possible to change number of thumbnails. Images can be shown in "per name" or random order. Slide duration is configurable as well. Module colors are configurable. Unlike our other extensions, here you can't change module width and height. Module width and height are set automatically, based on resolutions of your images. So, please prepare images in a folder before publishing this module.

USAGE INSTRUCTIONS

Open module parameters in Extensions > Module Manager > HOT Joomla Gallery. You'll see that some default parameters are already there. However, you should change some of them to accomodate module for usage on your site.

• LOAD JQUERY: Select wheter to load jQuery library or not. If your template already loads it, you may disable this to avoid possible javascript errors.
• FOLDER: Where your images are stored, relative to Joomla root directory.
• ENTER DATA: Fill this only if you need photos with description text. Otherwise, leave this empty and photos will be shown without description.
• SHUFFLE IMAGES: Select whether to randomize images order or not.
• TIMER: How long one photo will stay on screen. Time is in milliseconds.
• AUTO-SLIDE: Select whether to rotate photos automatically or not.
• GALLERY COLOR: Enter module's border color.
• ACTIVE THUMBNAIL BORDER: Border color of active thumbnail image.
• DESCRIPTION TEXT BACKGROUND COLOR: Self explanory.
• DESCRIPTION TEXT COLOR: Self explanory.