Can Some One Please Help Me With Creating A Joomla Template?

Comments

1. Pankaj Debbarma says:

   January 3, 2010 at 9:12 pm

   Introduction
   The purpose of this tutorial is to serve as an introduction to creating Joomla! templates. It will cover the essential files and code needed to create a basic template. The code is presented so it can be cut and pasted with very little modification needed.
   Setting Up A Directory Structure
   To make the most basic template, create a new folder in the “templates” folder. Name this folder after your template i.e. “mynewtemplate”.
   Using a text editor (or dedicated editor such as Adobe Dreamweaver) create the files “index.php” and “templateDetails.xml”
   To keep things organized, make 2 new folders called “images” and “css”. Inside the “css” folder create a file called “style.css”.
   Although it is fine to place all your CSS code directly in your “index.php” file to start, many web developers prefer to place their CSS code in a separate file that can be linked from multiple pages using the “link” tag.
   This is the most basic practical setup.
   Outline of folder and file structure:
   mynewtemplate/
   > css/
   > > style.css
   > images/
   > index.php
   > component.php
   > templateDetails.xml
   Creating A Basic templateDetails.xml file
   The templateDetails.xml file is essential. Without it, your template won’t be seen by Joomla!. The file holds key “metadata” about the template.
   Lets look at an example:
   < ?xml version="1.0" encoding="utf-8"?>
   < !DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN"
   "http://dev.joomla.org/xml/1.5/template-…
   
   mynewtemplate
   2008-05-01
   John Doe
   john@example.comhttp://www.example.com
   John Doe 2008

   GNU/GPL 1.0.2
   My New Template
   
   index.php
   component.php
   templateDetails.xml
   template_thumbnail.pngimages/background.pngcss/style.css
   

   breadcrumb left right top user1 user2 user3 user4 footer

   So, as you can see, we have a set of information between markup tags ( the ). Your best approach is to cut and paste this into your “templateDetails.xml” file and change the relevant bits (such as ).
   The part should contain all the files that you use - you possibly don’t know what they are called yet - don’t worry update it later.
   Leave the positions as they are - these are a common set so you will be able to switch easily from the standard templates.
   For more detailed Tutorial please visit http://docs.joomla.org/Tutorial:Creating…
   Or
   You may visit http://www.compassdesigns.net/tutorials/…
2. Mike says:

   January 3, 2010 at 4:48 pm

   My advice would be not to dive into template building from scratch. Although joomla is fairly easy to pick up and start building websites, once you get into the realm of building your own templates, it can get complicated.
   I suggest that you download a couple of templates, and edit them according to what you want. When I first started, I got a free template from http://www.bestofjoomla.com (I believe it was called myBusiness) and firebug, and started editing it to see how it handles div’s, and how it organizes the information, then I went on to building my own.