Joomla Tutorials for Template Development

Improve your Joomla template by adding features that are not available in Joomla by default. This category of Joomla blog covers several aspects of Joomla template development.


Joomla Module in Content

Written by Milos Stankovic   
Thursday, 12 January 2012 09:09

Joomla modules are designed to work in module positions. However, many users requested to have ability to use Joomla modules inside Joomla articles. For this purpose, Joomla comes with functionality to display module in content.

More details...

Joomla Page break (pagebreak) plugin usage

Written by Milos Stankovic   
Friday, 02 December 2011 11:25

Whenever you have too long pages, for better user experience, it's recommended to separate it to the several subpages. This feature exists in Joomla from the early days. It's performed by the Pagebreak plugin that comes with default Joomla installation. However, in the later Joomla versions it's enhanced and has more power. The options are "hidden" in the Plugin Manager and many Joomla users don't even know they exist.

More details...

Google Web Fonts in Joomla Templates

Written by Milos Stankovic   
Thursday, 24 November 2011 12:41

Google Web Fonts is a collection of fonts that you can use on your websites for free. There are several standard fonts that we use in web design that we all have installed on our computers. Those fonts are Arial, Verdana, Times New Roman and few more. You probably know that you can select any font in your CSS stylesheets just by entering it's name. But beware, if your visitor doesn't have this font installed on his operating system, his browser will show one of the default fonts. As a result of this, your design may look broken on the visitors browser.

More details...

Joomla Template Styles - Different Templates for Different Pages

Written by Milos Stankovic   
Saturday, 08 October 2011 09:28

Joomla 1.6 and later versions (like current 1.7) brought many improvement in Joomla's templating system. One of them is ability to have several styles (variants) of one template. For templates that comes without parameters or with just few of them, it's not important. However, for Joomla templates that count many parameters, it could be a nice feature.

More details...

Support for RTL (Right-to-Left) Languages

Written by Milos Stankovic   
Tuesday, 04 October 2011 08:40

We have upgraded all our Joomla 1.5 and Joomla 1.7 templates and added a new feature - RTL (Right-to-Left) text support. If writing starts from the right side of the page, and continues to the left, then we can call this language RTL language. Languages that use this system are based on Arabic alphabet (Arabic, Persian...), Hebrew alphabet (Hebrew, Yiddish...), and many more.

More details...

Change Joomla Template Logo with your Logo Image

Written by Milos Stankovic   
Wednesday, 24 November 2010 14:53

Usually, the first step in adjusting your Joomla template is to change default template's logo image with logo of you company or your site.

More details...

HOT Mega Menu - Joomla Mega Menu System

Written by Milos Stankovic   
Wednesday, 24 November 2010 09:51

This menu system allows you to show first, second and third menu levels at once and to show Joomla modules in drop-down panes.

More details...

Joomla Template Installation Tutorial

Written by Milos Stankovic   
Tuesday, 06 April 2010 14:07

Joomla 1.5

  1. Make sure you have file "hot_templatename.zip" (it's in the archive you downloaded after purchase).
  2. In your Joomla admin panel, go Extensions > Install/Uninstall. See image 1
  3. Click <Browse> button and locate file "hot_leafs.zip" on your computer. Click <Upload File & Install> button. See image 2
  4. Once the file has been uploaded on your server, you would get a message as on this image. See image 3
  5. Go Extensions > Template Manager, select "hot_leafs" from the list and click Default icon (top right). See image 4
  6. Check site frontend. Now you should see your website with a new template.
  7. You need to type "nav" in Menu Tag ID of the top menu module (position User3). Menu Class Suffix should be empty. Menu style should be set to "list". See image 5

joomla 1.5 template installation joomla 1.5 template installation joomla 1.5 template installation joomla 1.5 template installation joomla 1.5 template installation

Note: After the installation procedure, you won't get your website look as this Demo. Maybe you'd need to change positions of your modules and change parameters in some of your menus.

Joomla 1.6

  1. Make sure you have file file "hot_templatename16.zip" (it's in the archive you downloaded after purchase).
  2. In your Joomla admin panel, go Extensions > Extension Manager. See Image 1.
  3. Click <Browse> button and locate file "hot_leafs16.zip" on your computer. Click <Upload & Install> button. See Image 2.
  4. Once the file has been uploaded on your server, you would get a message as on this image. See Image 3.
  5. Go Extensions > Template Manager, select "hot_leafs - Default" from the list and click Default icon (star in the right column). See Image 4.
  6. Check site frontend. Now you should see your website with a new template.
  7. You need to type "nav" in Menu Tag ID of the top menu module (position User3). Menu Class Suffix should be empty. Menu style should be set to "list".

joomla 1.6 template installation joomla 1.6 template installation joomla 1.6 template installation joomla 1.5 template installation

Note: After the installation procedure, you won't get your website look as this Demo. Maybe you'd need to change positions of your modules and change parameters in some of your menus.

Please use HotStart installation method if you need to copy demo data.


Hot Menu - Joomla Top Menu with Drop-down Submenu Items and Subline Text

Written by Milos Stankovic   
Saturday, 27 March 2010 08:58

Our templates have the fast-loading, jQuery based top menu with nested sublevel items. Sublevel opens with a nice animation effect, per your selection 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".

More details...

Joomla Reflection Effect on the Images

Written by Milos Stankovic   
Friday, 26 March 2010 11:12

We have integrated the reflection script with all our Joomla templates. So, you can add reflection to your images easily, without editing them in Photoshop or other graphic editor software.

More details...
<< Start < Prev 1 2 Next > End >>

Page 1 of 2