rss feedfacebooktwitter

Last Updated: Wednesday, 09 February 2011 04:40

Flexible Widths

Written by Administrator

You can define overall template width as well as widths of the left hand side and the right hand side columns with modules. All of this is done very easily in the template configuration. Main content area will be calculated to fit best between the left hand side and the right hand side column, no matter what values you entered for them. Also, if you don't have left or right modules published on certain pages, main content area will occupy their space.

The left column, the right column and the main content area can switch their places. You have can have any of these combination:

  • Left-Main-Right
  • Left-Right-Main
  • Main-Left-Right

widths

Last Updated: Wednesday, 09 February 2011 04:38

Our Templates Don't Make Conflicts

Written by Administrator

jquery noConflictjQuery 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.

Last Updated: Friday, 30 September 2011 06:31

Hot Sportal Template Features

Written by Administrator

Hot Sportal template Joomla sports template, together with Joomla and several Joomla extensions from the template package, is a perfect combination for your Sport news portal, or any other kind of Joomla news portal. Hot Joomla Carousel Pro will make some of your news articles stand out as the most important on the home page. New Hot Scroller module will allow you to make a Joomla news ticker for the latest news. Another new extension, Hot Lightbox module, allows you to create slide shows in minutes.

Read more ...

Last Updated: Wednesday, 09 February 2011 04:41

Unlimited Color Schemes

Written by Administrator

parametersUnlimited color options! Select your own colors. This is useful if you want to match main template color with your company logo.

Five pre-defined styles available. There are three variants of top background image (home page). Whatever color you select for themain template color, all background images will be updated accordingly.

With our templates, you don't need to edit images in Photoshop.

To get to the parameters in your Joomla Admin go to: Extensions > Template Manager and select HOT Restaurant. There you can select colors and background images. The template colors can be selected from handy palette tool or entered manually in hexadecimal format (combination of 6 letters and numbers). If you don't have Photoshop, Fireworks or similar application, Color Combos can help you to find out the hexadecimal code of your color.

 

 

Change few options in template parameters and... Boom! You got template with completely new experience!

Last Updated: Monday, 22 February 2016 17:21

Module Positions

Written by Administrator

This template has support for 22 module positions. All module positions are collapsible. If no modules are published on some module positions, those module positions will automatically collapse.

module positions

Last Updated: Wednesday, 09 February 2011 12:01

Reflection Effect

Written by Administrator

We integrated reflection script with this template. So, you can add reflection to your images without editing them in Photoshop.

Beside that, you have full control over the reflection height and opacity.

How to add reflection effect to the picture

reflection effectAdd class="reflect" to any image you'd like to have reflection effect, and you are done!

To control the effect's height, use class="reflect rheight25". In this case, height of the reflection will be 25% of the image height. You can also, control opacity of the reflection. Use class="reflect ropacity60" and opacity will be set to 60%. You can also combine height and opacity, in example class="reflect rheight25 ropacity60".

<img class="reflect ropacity60 rheight25" src="images/stories/demo/reflection.jpg" alt="reflection effect">

Last Updated: Tuesday, 18 January 2011 06:04

SEO Friendly

Written by Administrator

seo optimizedYou 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.

Last Updated: Wednesday, 09 February 2011 04:39

Hot Menu

Written by Administrator

This template has a fast-loading jQuery based top menu with nested sub-menus. Sub-menu opens with a nice animation effect. 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".

If you like classic vertical drop-down menu, instead of horizontal, please type "nav2" in Menu Tag ID.

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.

The top menu acts as a horizontal menu with submenu displayed below it, also in horizontal layout. Only one sublevel is allowed.

Last Updated: Tuesday, 18 January 2011 06:03

Typography

Written by Administrator

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

Take Note:

Click HERE to get your copyNew DISTRICT Awards Banquet Program/Souvenir Book!

The 2019 MD DIstrict AAU Awards Banquet Program/Souvenir Book is now available online!

 

Read more ...

Visiting Baltimore???

The Visit Baltimore Official Guide contains details about What's Hot, What's Cool and What's New in Baltimore.

Read more ...

Children and Fitness

As the number of obese and overweight children in the United States continues to climb, fitness is a consideration that weighs heavily on the minds of parents, caretakers and teachers.

Read more ...

2018 AAU National Convention

2018 CLEVELAND

2019 AAU Junior Olympics

2019 Junior olympics TINY

Kathryn Plummer Wins for 2019!

Baltimore Weather