Stanley Syamtori's BLOG

Step 1. Create com_mycomp folder

Step 2. Create mycomp.php in the created folder

Step 3. Create mycomp.xml in the same folder

Step 4. Create admin.mycomp.php in the same folder

Step 5. Open mycomp.xml and paste this:

<?xml version="1.0" ?>

<mosinstall type="component">  <name>mycomp</name>

<creationDate>25.12.2007</creationDate>  <author>You</author>

<copyright>This component in released under commercial License</copyright>

<authorEmail>  This e-mail address is being protected from spam bots</authorEmail>

<authorUrl>dest-online.com</authorUrl>  <version>1.0</version>

<files>   <filename>mycomp.php</filename>  </files>

<administration>

  <menu>mycomp</menu>

  <files> <filename>admin.mycomp.php</filename> </files>

</administration> </mosinstall>

Step 6. Zip this whole package, and install it in your Joomla! That’s all! It’s very easy

Now you can start editing your component, i recommend you to put this line in top of your Joomla! component php files.

defined('_VALID_MOS') or die('Access Denied');

Now it’s up to you to create a cool Joomla! component for you and the Joomla! community

So, you have discovered this great tool called Joomla and you want to try to make your own Joomla template huh? Well, I know how you feel and share your enthusiasm. After I discovered Joomla , it did not take long for me to switch and have a go at making my own Joomla templates.

At that time there were no tutorials around the web by google of course, so like others, I looked at the existing default templates for Joomla and started reverse engineering. Here, I will attempt to clearly layout the steps in creating a Joomla template so that you may have a nice resource that was not available when I got started. Well, what are we waiting for? Lets get started at the beginning, I find that is usually a good a place as any to get started.

First of all, lets talk about what a mambo template is. A mambo template defines the overall ‘look and feel’ of your Joomla website. Normally this includes things like, colors, header image, 2 or 3 column layout, footer etc. The template (index.php) works hand in hand with the CSS (template_css.css) to give you control over many things such as module placement, font colors, borders, hyperlink hover effects, and a gazillion other things that you will discover if you dig deeper.

There are many ways to go about creating/designing a Joomla template. In this guide, we will be creating a 100% width ‘autostretch’ 3 column table layout. The layout is 3 seperate 100% tables ’stacked’ vertically-the top table is for the header area, the middle table is for the mambo left, center and right columns, and the bottom table is for the footer area. Additionally, the middle table will contain a 3 column 100% nested table.

We will be using Dreamweaver to to the first phase of the layout and coding.

More info at www.joomla.org