Menu System

This template has a fast-loading jQuery based top menu with nested sub-menus. Sub-menu opens on mouse over action. Core Joomla files are not hacked. Various menu options are available for all menus that you create in Joomla. You can change colors, fonts, sizes and menu other parameters for each menu.

Sparky Framework supports several menu options, such as drop-down menu (like the top menu in this template), accordion menu, horizontal menu and classic Joomla menu. Each menu type has its own specific parameters and options.

Unlimited color options! Select colors and make your template unique! This is useful if you want to match the main template color with your company logo or brand. All our templates come with several pre-defined color schemes.

To get to the parameters in your Joomla Admin go to: Extensions > Template Manager and click on the template name. Beside many other parameters, here you can select colors. The template colors can be selected using a 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!

Newer versions of Joomla (after 1.6) have a nice new feature in template manager. It's possible to save multiple template styles! If you are using a template that has many parameters (like our templates), and you wish to use different template settings for Page A and Page B, it's now possible. Please read Joomla template styles from our Blog to learn more about this.

Joomla template suitable for religious communities

Hot Church.ly is responsive Joomla church template powered by Sparky Framework and equipped with several modules which enhance its functionalities. We designed and developed this template in good faith. We believe you will find it useful for your religious website. Last but not least, after changing our demo images, you will notice this design could be used for any other purpose, not just for church websites.

There are several facts about Hot Church.ly template:

• Responsive template, 100% tableless and valid XHTML/CSS code. Based on Sparky Framework.
• Five pre-defined styles with different background and font colors. All colors are easily customizable in Sparky options (infinite color options).
• Customizable layout powered by Sparky's drag'n'drop Layout Editor. Change layout and element's dimensions easily.
• Hot Full Carousel, Hot Film Tape, Hot Maps, Hot Carousel, Hot Gallery and Hot Newsflash modules are included with template, pre-installed and configured. Full support for K2 component is included. All commercial modules included in this template are free for you, if you buy template (you save $15 per module).
• HotStart (SQL dump) available with both single purchase or membership plan. It copies template with all extensions and demo pages easily.
• 14 used module positions in our demo. Unlimited number of module positions can be added easily within Sparky Framework, if needed.
• SEO friendly template code.
• PSD source file and fonts are available.
• Top menu system shows the first and the second level horizontally. The deeper levels are shown in drop-down panes.
• Compatible with IE7+, Firefox, Chrome, Safari, Opera.
• Support for RTL (right-to-left) languages.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper mi in lacus pulvinar sagittis. Nulla placerat laoreet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper mi in lacus pulvinar sagittis. Nulla placerat laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper mi in lacus pulvinar sagittis. Nulla placerat laoreet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper mi in lacus pulvinar sagittis. Nulla placerat laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper mi in lacus pulvinar sagittis. Nulla placerat laoreet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper mi in lacus pulvinar sagittis. Nulla placerat laoreet fermentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper mi in lacus pulvinar sagittis. Nulla placerat laoreet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin semper mi in lacus pulvinar sagittis. Nulla placerat laoreet fermentum.

Do you need some articles of your website to stand out of the others? Here it comes our fully configurable, featured articles rotator, based on jQuery. In module parameters, you have control over module display. You can change module width, height, border, all colors. You can add internal or external link to each image in rotation. So, don't have to mention only articles from your site.

USAGE INSTRUCTIONS

Open module parameters in Extensions > Module Manager > HOT Newsflash. 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.
• MODULE WIDTH: Overall module width. If you have border, overall width will be higher for border width (x2). Height of the module depends of images height (set this below).
• BACKGROUND COLOR: Background color of the text area in hexadecimal format (in example ffffff). You may use Color Blender to get values if you don't have software, such as Photoshop.
• BORDER WIDTH: Border width is numerical value in pixels. Type only number (in example 3).
• BORDER COLOR: Color of the border line in hexadecimal format (in example 000000).
• NUMBER OF ARTICLES: How many featured articles you'd like to show. Select number 1-5.
• DISPLAY READ MORE LINKS: Enable/disable "read more" links. They are not necessary as articles' headers are linked.
• READ MORE LINK TEXT: Text for "read more" links (if they are enabled above).
• TABS WIDTH: Width of the tabs that are used to rotate between articled. Height of the tabs are calculated automatically.
• TABS BACKGROUND COLOR (REGULAR, HOVER, ACTIVE): Color of the tabs' background in hexadecimal format.
• TABS FONT COLOR (REGULAR, HOVER, ACTIVE): Color of the tabs' font in hexadecimal format.
• FOLDER WHERE IMAGES ARE STORED: Type folder (relative to Joomla root) where your images are stored. Don't include leading or trailing slash (in example you may enter images/stories).
• WIDTH OF THE IMAGES: Self explanatory.
• HEIGHT OF THE IMAGES: Self explanatory. It also determines overall module height.
• HEADING OF ARTICLE: Please type heading of the article here.
• LINK TO ARTICLE PAGE: Please type link to the full article here, starting with http://. You can use internal or external links (internal link example http://www.yoursite.com/index.php, or external link http://www.google.com). If you don't type a link, heading and image would be displayed without link.
• ARTICLE INFO TEXT: Please type short article information text for each featured article. HTML code allowed here.
• IMAGE NAMES: Image name with extension (in example articles.jpg).

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.

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.