Creating a new template in joomla 1.6

Using your favourite text editor create the files index. To keep things organized, make 2 new folders called images and css. Inside the css folder create a file called template. Although it is fine to place all your CSS code directly in your index.

This may also shorten the loading time of your pages, since the separate file can be cached. The templateDetails. Without it, your template won't be seen by Joomla!. The file holds key metadata about the template.

For , use the following:. For and later, use the following version. Your best approach is to copy and paste this into your templateDetails. Leave the positions as they are - these are a common set so you will be able to switch easily from the standard templates. The index. The template works by adding Joomla code into module positions and the component section in your template.

Anything added to the template will appear on all pages unless it is added to one of these sections via the Joomla CMS or customised code. You should be aware that this will not work well in Internet Explorer 8 or earlier without a hack. You might want to investigate this situation and your clients' wishes before deciding on which doctype you want to use.

This article gives you a preview of what you can likely expect in the final product. In Joomla you have always been able to assign a template to a particular menu page. This is done through the Template Manager. In Joomla 1. The following screenshot shows the template edit page as it is in Joomla 1. The following screenshot shows the new page. This template style list is also where you set the default template for both the frontend site and the backend administrator.

The list is combined and you can filter on just one location if you want. A template style is like a saved set of template options and you can create as many of these styles as you want for the same template. A simple example is a template with one option, that being for the base colour. The template might have the option to display in a red, blue or green theme. With template styles, you can create three styles, one each of the supported colours.

The green banner and clean design of the template tells us that. Go Green just allows you to present your content in a small number of module positions — eight. I tried it, and could use just six module positions, except copyright and tguser position. It offers us limited values when comparing with other free Joomla!

Provider : JoomlaPraise. Genesis should be set as one of the highest prioritiesif you want to create a News or Magazines portal website. The former version for Joomla! From my point of view, the version for Joomla! I got familiar with Genesis quickly since its documentation is available right on demo. You can even customize font color, heading color, link color or link hover color using Hexadecimal color codes.

There is just one thing annoys me a little bit: its module position names in the backend are not the same as the Layout shown in the documentation. In general, free Joomla! Moreover, you might not get support from providers.

We hope that you have chosen a suitable free Joomla! Thank you! Templates are a series of css, xml, php, html and image files that work together. They are stored in the templates directory of your site. On localhost you can see these files yourself. If you are using an existing web site, you may not be able to view the files they will be on a server that can usually only be accessed by a few people - for security.

The Templates are located under the templates folder. For each template there are a series of folders with the relevant files for controlling the appearance and the parameters for the changes that can be made in the Template Manager pages. You do not have to use one of the Templates shipped with Joomla!

If you want to use a different Template, you can To buy one with a suitable design, you need to find it, download it and install it.

So some computing skills and familiarity with the Back-end of Joomla! This is beyond the scope of the documents in this series but is covered in the on-line resources listed below. To write your own is also beyond the scope of the documents in this series. You need coding skills and to be the sort of developer who writes their own code, at least for part of the web site. Some background using CSS is helpful too. There are some detailed accounts in the on-line documents and books.

This series is about creating a web site which uses core Joomla!