tripwire magazine

In this article we present 30+ free but quite professional Themes for Joomla 1.5+. The themes included in this post have all been manually selected, installed and tested over the last weeks with Joomla 1.5.x. All of the themes can be downloaded, customized and used for free in personal projects and most in commercial projects. Where available links have been provided to demo-sites giving a direct preview of the themes.

Free Joomla themes that have been crafted by proffesionals are always worth investigating. Even if you are looking for some inspiration for creating you own unique designs or hunting for the one theme that can just be used off the shelf with minimal effort this post may give you just what you need.

To help you quickly find the Joomla themes you need the article has been divided into 7 sections:

Section 1: What is a Joomla Template and how to use it

Section 2: Business website themes

Section 3: Simple, Minimalistic Themes

Section 4: Vibrant Themes

Section 5: Nature Themes

Section 6: Very basic template customization

Section 7: Sources and Further Resources

Support tripwire magazine if you buy a Premium Theme

Section 1: What is a Joomla Template and how to use it

This section was also included in the post “40+ free high-quality Joomla themes” as it is essential to describe how to get started.

The functionality in Joomla that allows web master to upload a zip file containing a new template, module, component or plugin is brilliant. Once uploaded to Joomla the new theme or functionality is just there ready to be configured or used. Templates in Joomla is uploaded using the Administration menu “Extensions”->”Install/Uninstall”. Once uploaded they are awailable for usage in the Administration menu “Extensions”->”Template Manager”. On the Template Manager page the new template can be set as Default and will be used on the next request on the website.

Take a look at the Install guide at docs.joomla.org for more information

Also take a look at the How to switch Templates Guide at docs.joomla.org

Section 2: Business website themes

GrowBiz

[Demo] [Download]

Amaranth

[Demo] [Download]

Meeting

[Demo] [Download]

Anelco

[Demo] [Download]

themza_j15_15

[Demo] [Download]

Tiwani

[Demo] [Download]

Platonic

[Demo] [Download]

FeelSafe

[Demo] [Download]

rt_novus_j15

[Demo] [Download]

siteground-j15-48

[Demo] [Download]

Content Portal

[Demo] [Download]

tem_highergrounds

[Demo] [Download]

Section 3: Simple, Minimalistic Themes

Paros Villas

[Demo] [Download]

Woman

[Demo] [Download]

trentco

[Demo] [Download]

Lightframe

[Demo] [Download]

pp_joomlapraise

[Demo] [Download]

Blue Sky

[Demo] [Download]

Section 4: Vibrant Themes

Equalizer

[Demo] [Download]

uj_darkworld

[Demo] [Download]

pwc-Music

[Demo] [Download]

graffiti

[Demo] [Download]

Art Color 15

[Demo] [Download]

tc_wings15

[Demo] [Download]

siteground-j15-26

[Demo] [Download]

siteground-j15-41

[Demo] [Download]

Section 5: Nature Themes

Green Leaf

[Demo] [Download]

Relax

[Demo] [Download]

Blue Wave

[Demo] [Download]

Passion

[Demo] [Download]

greenpeace

[Demo] [Download]

siteground-j15-36

[Demo] [Download]

siteground-j15-39

[Demo] [Download]

Support tripwire magazine if you buy a Premium Theme

Section 7: Very basic template customization

This section was also included in the post “40+ free high-quality Joomla themes” as it is essential to describe how to get started.

Once templates have been uploaded, installed and set to default (see section 1 for details) they change the layout and structure of the website to be exactly as the theme designer prepared it. This may be just what you need but in most situations basic changes are needed fx.:

• Replacing or adding the favicon image (link to section below)
• Replacing the logo image (link to section below)
  
• Updating the Stylesheet (CSS) (link to section below)

Basic structure of a Joomla template

In order to be able to customize or to create your own templates, you must understand the basic structure of Joomla templates.

The basic template directory struture for a Joomla Template is:

<Template root>
–| css
–| html
–| images
–| js

Normally template root contains the following files but some may not be included in simple templates:

• favicon.ico
• index.php
• params.ini
• template_thumbnail.jpg
• templateDetails.xml

More may also be included in templates for advanced features but this is not covered here. It is unlikely that you need to change any of these files except for the favicon.ico file.

Replacing or adding the favicon image

favicon.ico defines the small icon shown in the url and bookmarkareas in most lates browser versions.

Creating your own favicon is simple with some online tools. Many tools are available but a few quite useful examples have been shown below:

• Favicon Generator
• FavIcon Generator (beta)
• FavIcon from Pics
• Favicon.ico Maker

Once crated the new favicon.ico must be placed in the template root folder in the joomla website.

Replacing the logo image of a Joomla template

The logo in a Joomla template is normally found in the images subfolder and is called logo.jpg. If the template supports more than one color theme this is normally supported by creating subfolders in the images folder for each color theme. If the logo changes for each color theme the logo.jpg will be found in the subfolders.

Updating the Stylesheet (CSS)

Stylesheets are located in the css folder. The main stylesheet file is always: template.css

As a rule of thumb template.css will contain the markup for font types and font size. So if you need to change fonts start looking here.More complex tempaltesmay have a few more css file and some may have many. If a template features multiple color themes there normally will be a seperate css file for each color theme in the css folder or in a subfolder of css.

Tip!:

If you have difficulties finding the css definitions you want to change you should consider trying out the firebug plugin for firefox. This plugin will give you all the information you need by right clicking an element on the page and selecting Inspect element. This tool is extremely useful!

Get it here: getfirebug.com

Section 6: Sources and Further Resources

Related posts

1. 40+ free high-quality Joomla themes In this article we present 40 free high-quality Joomla 1.5...
2. 40+ Free Premium Quality Joomla Themes I’m a great fan of Joomla that is for...
3. 65+ free exceptional Wordpress Themes worth investigating High-quality Wordpress themes are always worth investigating. Whether you are...
4. Great Websites Dedicated to Help You Find Wordpress Themes OK there are really many free themes for Wordpress...
5. New Joomla Video and Media Theme, JA-Tube A few days ago JomlArt released a new Theme called...

Please remember to share this post!