en tr en tr en en en en en en en en en en en en en en en en en en en fi en en en en en en en en en en en en fr en en en en en en en en en tr en en hbs_lat en en en th en en en en en en en en en en en en en en en en en en en en en en en en en en en en en la en la en la en la en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en hi hi en en id
This panel contains four module positions: panel1, panel2, panel3 and panel4. If none of these have published modules, the panel will be hidden.
This template uses modern CSS3 techniques, such as rounded borders and gradient colors, with IE compatibility maintained. ALL colors (including gradients) are customizable in parameters.
You are here: Home • 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  ,  ,  ,  ,   and  .
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:  ...your text here...
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.
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.
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.
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:  ...your text here... . 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:  ...your text here... . 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:  ...your text here... . 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:  ...your text here... . 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.
to achieve this effect
add class "checklist" to your unordered list
to achieve this effect
add class "arrow" to your unordered list
to achieve this effect
add class "star" to your unordered list
Reflection script is incorporated in template. If you want an image to have it, use class "reflect" for your images. You can also control reflection's height and opacity.
Learn more about it here.
Follow our instructions to make a copy of this demo site to your server.
HOT Start! is available with each template. It allows you to create a copy of this demo.
This template uses modern CSS3 functions supported by modern browsers. It uses script that maintain IE7 and IE8 compatibility.
Tested in IE7+, Firefox, Opera, Chrome, Safari and Camino.