best professional templates for joomla website

Free Joomla Templates

Free joomla templates for joomla 1.5 and joomla 1.0.x

Joomla templates club

joomla templates arrow Joomla 1.5 Tutorials arrow Changing the Frontpage Logo Graphic

Changing the Frontpage Logo Graphic

A good logo graphic gives your web site a sense of place. And if you have an e-commerce site, the logo is an important element in establishing your brand. It’s time to replace the Joomla logo with a graphic of your own. This logo graphic is generally held within the directory of the current template.

Earlier you extracted the Joomla files to your local drive. You’ll use the logo from the original template installation as the foundation for your new logo, and you’ll use a painting program to edit the graphic. In this section, you’ll learn how to modify the graphic with the simple Paint program included in Windows XP (under Start - All Programs - Accessories - Paint). In later chapters, you’ll use Adobe Photoshop and GIMP to do more robust template editing, but to keep things simple, we’ll use this
primitive little application for now.

Execute Paint and select File - Open to load a new file. You’ll have to navigate to the directory where you’ve stored the Joomla installation files and access the mw_joomla_logo.png file in the \images folder of the template. The path to this file might be something like this: C:\ joomla1_5install\templates\rhuk_milkyway\images\mw_joomla_logo.png.
When you load the file into Paint, you should see the graphic that appears in the top-left corner of your Joomla Frontpage

To begin, we need to clear the existing graphic. Select Edit - Select All (Ctrl+A) and press the Delete key to erase the canvas. Now that you have a blank canvas, what are you going to do with it? Anything you want!

Briefly, here is what I did. First, I set the color to dark blue. Then I selected the Fill with Color tool and clicked the background to fill the canvas with this color. Next,I selected a lighter shade of blue and used the Airbrush tool to add some texture.Finally, I needed to add my logo text. I unchecked the Image ä Draw Opaque option so the text box wouldn’t blot out the background. I used the Text tool to stretch a text area to cover most of the canvas, entered the text Joomla Jumpstart, and adjusted the font and size until everything looked decent.When I was done, I had something that wouldn’t win any design awards ,but wouldn’t embarrass my site either. I selected File ä Save As, set the
filename as mw_joomlajumpstart_logo.png, and saved it into the same folder as the original logo.

You may already have a logo graphic that you want to use. If so, copy it to the \images directory for convenience and make a note of the graphic’s width and height. You’ll need that information later.
Now you need to upload the image you just created so Joomla can use it. Fire up your FTP client program and log in to your FTP server. If you created a site in FileZilla, you can bring up your Joomla directory in a single click. Once the program is logged in to the site, navigate both the local site and the remote site to the \images folder and upload your new logo there,

 
< Prev   Next >
 
Joomla Templates by Joomlashack