Joomla is a free and open-source content management system (CMS) for publishing web content. It is built on a model–view–controller web application framework that can be used independently of the CMS. Written in PHP, Joomla uses object-oriented programming (OOP) techniques and software design patterns, stores data in a MySQL, MS SQL  or PostgreSQL database, and includes features such as page caching, RSS feeds, printable versions of pages, news flashes, blogs, search, and support for language internationalization.

Share tech news, updates, or what's on your mind.

Sign up to Post

First of all, we will need Jumi component or Sourcerer plugin for this to work. We need either of these because the main focus here is custom development outside of the standard modules or articles within Joomla.

You can find Jumi's my favority extension to Joomla other than Breezing Forms.

~My little advertisement on Jumi~

*Jumi is a component that allows you to write custom php and js pages and load them into your Joomla site.  So, if you are needing to add some AJAX or interactivity to your website, Jumi is the component for you.  Jumi is compatible with J1.0, J1.5, and J1.6.  With Jumi, you can add custom content to your modules, articles, etc...

New to Jumi?  View these helpful tutorials here:

~Now, back to the good stuff!~

When custom coding your pages and you need to add a little javascript or css to it, normally you would have to add those links to the <head></head> location of your template's index.php page...however, now these scripts and css are applied site wide and might mess up the scripts and the css for the template on every page.  There's is a way that you can add these scripts and css pages WITHOUT having to manually add them to your index.php page and that won't affect the entire site's scripts or css.

If you plug this in at the top of your customized php page, you will get the …
LVL 56

Administrative Comment

by:Mark Wills

Why not create a question and post the link here so NUKIT can participate in the question, and help you more formally, and give NUKIT a chance to earn some points along the way ?

Mark Wills
Zone Advisor
LVL 13

Expert Comment

by:Abhijeet Rananaware
question was posted long time back and solution was found.

Have you ever wanted to use that sweet jQuery gallery plugin on your Joomla site but couldn't get it working due to jQuery conflicts or your lack of knowledge about what's under the Joomla hood? This article will step you through the process of implementing multiple plugins on your Joomla website. For this example I will be adding the following plugins onto my home page:

1. Moving Boxes

A simple jQuery Gallery plugin...

2. Tweet

A jQuery Twitter Feed plugin
In order to get these two plugins onto the home page we are going to have to do the following things:
Download the jQuery plugin's source files

Modify the jQuery source files to work in Joomla
FTP the source files to Joomla
If you don't know the FTP credentials, you will need to get them as we will modify the template header section.

Add the plugins to the home page via the Joomla Administrator Control Panel.
We will need to edit the html of the home page to display the jQuery plugins.

1. Get the source files...

Again, the files are attached at the end of this article, download them to your desktop for now and extract the Moving Boxes file.
Once they are on your desktop go to the next step...

2. Upload the source files...

Open up your FTP client. I use Filezilla, it's free…
This is our step by step to setting up and configuring a Joomla Install on a Windows 2003 Server. This is the perfect solution for an Intranet Website using Joomla.

What you need (only use the following versions) :

A fresh copy of Joomla

A freshly Installed Windows 2003 Server (only defaults selected) with IIS 6 Installed and set-up as default. This link will help you set-up IIS6:

MySQL Server (

MySQL GUI Tools (mysql-gui-tools-5.0-r12-win32.msi)

PHP5 (
We use the zip and not the installer as it avoids any mess ups and we can set this up correctly manually.

So we now have all the tools. Download these to the desktop of your windows 2003 server so you can access these easily.

Step 1.

Setting up MySQL

Extract the Zip and run Setup.exe
Select Complete Install
Tick "Configure the MySQL Server Now"
Click Finish
Select Detailed Configuration
Server Machine
Multifunctional Database
Tick "Enable TCP/IP Networking"
Tick "Enable Strict Mode"

Now MySQL uses Port 3306 so your going to have to allow this in the …
What you will need:
Any version of Photoshop or similar product (examples in Photoshop)
Internet Access
FTP Access to your joomla install or ability to upload images within joomla administrator backend

1. Create Image

Lets start off with creating a new document - 400 x 400 pixels.


Use the Paint Bucket Tool with color - #333333 and fill your image.


Now Use the Ellipse tool to create a large circle, use any styling you want at this point, I went with a red fade.
Remember that any part you do thats small on the 400x400 will not be visible on the favicon 16x16.


Now add the Text you want to see, In this case I used a large letter T.
Remember the favicon is very small so its hard to make out words.
(unless you do a word scroller but that is for another tutorial)

Now save your file as a .jpg

2. Convert Image to Favicon

Open your internet browser and paste this link -- Favicon Creator.
Favicon Creator will turn your large image into your joomla sites new favicon.

Once you have browsed to the above site, select Import Image from the left menu.


Browse to the file you created on your PC and saved as a JPEG
Select Keep Dimension
Click Upload

You will now see your favicon, you can adjust it using the built-in editor.

If you are happy, simply download it and you are done.

3. Add Favicon to Web Site

Now either:
replace your favicon.ico within your www (root web) folder of your joomla install;
upload it to the site via media manager; or
LVL 111

Expert Comment

by:Ray Paseur
Great article!  I have never understood why you can't just use a 16x16 PNG file for an icon, but most browsers require the specialized .ico format and it has always been difficult or expensive to get the software that makes these things.  But now -- problem solved.  I love the web service.  Tested it today and it works like a charm.  You can even get your icon on a T-shirt!

If you want to use your newly created favicon file in any HTML web page, include these two lines inside the <head> of the document.  In my experience, one or the other will work for just about every browser that is newer than IE5.  I like to use the fully-qualified URL, since I know it will work for any subdomain or directory of my sites.

Sidebar note: If you change favicon files, you may not see the change immediately.  Mozilla browsers cache these files.
<link rel="icon"          href="" type="image/x-icon" />
<link rel="shortcut icon" href="" type="image/x-icon" />

Open in new window

Here is a tutorial for making your own Joomla templates. Note before reading, you should have some existing knowledge of web development using HTML and CSS.

1. Design Layout

Design your template in a graphics program like Adobe PhotoShop or Corel Draw for example (use whichever is your preference).

2. Isolate Images

Save important design pictures (header, background, footer, menu, etc.) in some folder (for example: "images").

3. Create Directory for your new Joomla Template

Open Joomla templates directory and make a new folder ("mytemplate") in it.

4. Create File/Folder Structure for your new Joomla Template

In "mytemplate" folder create some new files: "index.php", "template_thumbnail.png" and "templateDetails.xml".
Then, make another two folders, "images" and "css". In images folder, paste your pictures from step 2, and in css, create a new "style.css" file.

5. The Joomla Template Details XML

Now, open templateDetails.xml file with any code editor like NotePad++ or DreamWeaver for example (as with graphic design, it doesn't matter which one you choose as that is your preference).
Then, write this code, changing the information between the tags appropriately (e.g., "TEMPLATE NAME") and then save the file.
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN"

Open in new window

Welcome Friends,

This is the tutorial for how to create new simple module in joomla 1.5.

In the module has two important files. One is XML file and another file is PHP controller file.

First you need to create the XML file.

<?xml version="1.0" encoding="utf-8"?>
<install type="module" version="1.5.0">
    <!-- Name of the Module -->
        <name>Simple Date - Module</name> 
    <!-- Name of the Author -->
        <author>Sathish Kumar(Technicalsathish)</author> 
    <!-- Version Date of the Module -->
    <!-- Copyright information -->
        <copyright>All rights reserved by Technicalsathish 2009.</copyright> 
    <!-- License Information -->
        <license>GPL 2.0</license> 
    <!-- Author's email address -->
    <!-- Author's website -->
    <!-- Module version number -->
    <!-- Description of what the module does -->
        <description>This is the simple module for displaying current Date</description>
    <!-- Listing of all files that should be installed for the module to function -->
        <!-- The "module" attribute signifies that this is the main controller file -->
                <filename module="mod_date">mod_date.php</filename>

Open in new window


Expert Comment

Nice Article to the powerfull joomla Newbie .....

Thanks a lot.....
In the following article I will try to explain some of the issues I had learning Joomla and I hope this helps all of you beginners out there that love the concept but find it confusing and difficult to manage and configure a Joomla website.

Like they put it, Joomla is an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications. Many aspects, including its ease-of-use and extensibility, have made Joomla the most popular Web site software available. Best of all, Joomla is an open source solution that is freely available to everyone.

The first thing you need to do in order to waddle through your first Joomla project is take some time and learn the basics of HTML. I know that it is a pain to have to go through it but even the "not-so-smartest" can learn HTML basics within a few hours if they try hard enough. Nowdays there is alot of video tutorials on YouTube and other similar sites. Anyhow, the next thing is basically grab a cheap hosting plan and a domain name and set it up. I would highly recommend using services like Hostgator and such since they have "Fantastico/Simple Sripts" that comes with their services already. Also one of the easiest control panels to use "cPanel" is also provided by Hostgator.

THIS IS FOR PEOPLE USING JOOMLA 1.5 - (You shouldnt be using Joomla 1.0 and if you are using 1.0 then you should know enough not to need this article information :)

Tip#1: Never use FTP to …
Change Joomla Logo Graphic

This tutorial goes over the steps to change the Joomla Logo in the template you are using. For this example we will be assuming you are using the rhuk_milkyway Joomla Template which is installed by default.

You will first need to locate the logo file.  If you stored the template files on your Hard Drive you can open the file graphic file from that location so you can edit.  The file is located under the templates folder:


Open up the file in your graphics editor such as Paint or Photoshop.

You can make your changes to the logo file.  Once you are done you can Save As and change the name like mw_newlogo.png.  

If you already have a logo file you can upload it to your images folder under the template.  Just make a note of the file name and the graphics width and height as you will need that info later.

Once you have your files completed you need to upload to your web server.  Make sure you upload to the images folder under the template you are using.  For our example we are using the rhuk_milkyway template so we would put in the following directory:


Now that your logo files are complete and uploaded to your website you need to modify your style sheet to point to your new image file.

Logon to your Joomla Administrator interface of your website.  This can be found by going to


Joomla is a free and open-source content management system (CMS) for publishing web content. It is built on a model–view–controller web application framework that can be used independently of the CMS. Written in PHP, Joomla uses object-oriented programming (OOP) techniques and software design patterns, stores data in a MySQL, MS SQL  or PostgreSQL database, and includes features such as page caching, RSS feeds, printable versions of pages, news flashes, blogs, search, and support for language internationalization.

Top Experts In