Typography

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

HOT Joomla Carousel Pro

We are selling this module for $9.95. However, you will get it FREE with this template purchase.

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

HOT Joomla Carousel Pro is Joomla module that will help you to show your articles and 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 or source IDs of your content pages, sections or categories, and your carousel is ready.

USAGE INSTRUCTIONS

Open module parameters in Extensions > Module Manager > HOT Joomla Carousel Pro. 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.

Please mouse over any parameter to see its description and sample usage in pop-up window. The following (looong) image shows all available parameters of this module.

HOT Scroller - Joomla News Ticker

This module will create a Joomla Scroller of your content pages. You can select any section or category of articles, or pick separate articles. This is perfect Joomla News Ticker for all kind of news portals powered by Joomla!

The "HOT Scroller" module by is a fully configurable Joomla articles scroller. It will create news ticker from selected articles of your Joomla site. In module parameters, you have control over module display. You can change width, height, text color, source of content, etc. You can see how the module works on this template demo. In this case, we set scroller width to 1000px and height to 24px, scroll speed to 8 and font size to 11px.

The Hot Scroller module options:

HEIGHT OF THE MODULE: Overall height of the module in pixels (in example 200).
HEADING, TEXT, DATE and READ MORE LINK COLORS: Please select any color using the color picker.
FONT-SIZE: Select font size per your preference.

SCROLL SPEED: Select speed of the scrolling articles.
SCROLL DIRECTION: From left to right or from right to left.

Many other parameters are related to source of your content. Please check the image to see all parameters of the module.

This module can be purchased separately ($9.95), but you will get it FREE with Joomla Sports Template Hot Sportal!

Live Scores