Here are some basic instructions to change the logo part.
For Joomla 1.5.3
Changing the Joomla logo in the Purity template
First step design your logo, as a JPG, or suitable image file
/templates/ja_purity/images/
“remember the name of the file”
Upload to your site in the directory
/templates/ja_purity/images/
using your upload tool, Filezilla etc.
Open up your web browser, on two tabs
One with the site, and one in Administrator
In the administrator log-in and go to
Extensions menu
[Template manager]
Choose the template you want to edit
Eg
2
JA_Purity
1.2.0 12/26/07 JoomlArt.com
Then Edit
Then edit ccs
And choose
template.css Unwritable
Then edit
Use ctrl f to find “logo” on the page
h1.logo a {
width: 400px;
display: block;
background: url(../images/trainsforyou.jpg) no-repeat;
height: 80px;
position: relative;
z-index: 100;
then Change background: url(../images/logo.png) no-repeat
to the file name you placed there like
background: url(../images/trainsforyou.jpg) no-repeat
click save and apply you may need to change the width and the height.like I did.
http://www.joomlart.com/forums/showthread.php?t=7092
The Solution
Plan A:
First I tried changing my gif image to a png. This made it show up in IE fine, but my png in Firefox and Safari displayed with a funny outline that I couldn't explain or get rid of.
Plan B:
I went back to using my gif image and simply edited ja_purity/index.php as follows:
1. Removed the call to fixPNG for the logo tag by removing the line
Code:
fixIEPNG($E('h1.logo a'));
2. Removed the logo tag from the IE CSS modifier that moved the background image off the screen. To do this, I changed:
Code: