Clickable Logo

[Kat9119]

So, I know how to make a clickable banner, but apparently the theme on another site I have is a "background" image aka a logo image. Its specified in the CSS as:

Koodi [Valitse] Laajenna

#logo {
float: left;
padding-top: 10px;
padding-left: 10px;
width: 531px;
height: 102px;
background: url(images/banner.jpg) no-repeat;
}

The only mention I see of it in index.template.php is:

Koodi [Valitse] Laajenna

<div id="header"> <div id="logo"></div>

I'd like to be able to make it clickable to go back to my websites homepage

[Ricky.]

Which theme you are using, doesn't looks like default one.

[Sir Osis of Liver]

Koodi [Valitse] Laajenna



<div id="header">
<a href="http://www.domain.com/"><img src="../Themes/Inferno/images/custom/logo.png" width="100%"></a>
</div>



[Kat9119]

Which theme you are using, doesn't looks like default one.

No it isn't. I think it states which one on the bottom that it was based on, just a few color and image changes. Its GoldMoon

Koodi [Valitse] Laajenna



<div id="header">
<a href="http://www.domain.com/"><img src="../Themes/Inferno/images/custom/logo.png" width="100%"></a>
</div>



Nope, that removes everything above the menu..

this is what the first few lines above it are as well

Koodi [Valitse] Laajenna

<div id="header-r">
<div id="header-l">
<div id="header"> <div id="logo"></div>

[Sir Osis of Liver]

Attach your index.template.php and /css/index.css.

[Kat9119]

Attach your index.template.php and /css/index.css.

Here you go, thanks for the help

[Sir Osis of Liver]

Ok, in index.template.php find this -

Koodi [Valitse] Laajenna



<div id="header-r">
<div id="header-l">
<div id="header"> <div id="logo"></div>



Change to this -

Koodi [Valitse] Laajenna


<div id="header-r">
<div id="header-l">
<div id="header"> <div id="logo"><a href="http://www.yourdomain/homepage/"><img src="http://www.yourdomain.com/forum/Themes/GoldMoon/images/logo.png"></a></div>



Replace /images/logo.png with your banner.


In style.css find this -

Koodi [Valitse] Laajenna



#logo {
float: left;
padding-top: 10px;
padding-left: 10px;
width: 450px;
height: 100px;
background: url(images/logo.png) no-repeat;
}



Change to this -

Koodi [Valitse] Laajenna



#logo {
float: left;
padding-top: 10px;
padding-left: 10px;
width: 450px;
height: 100px;
/* background: url(images/logo.png) no-repeat;*/
}



Adjust formatting for your banner here.

[Kat9119]

Thanks I'll give this a try tomorrow and let you know how it goes!

[Kat9119]

Thanks so much, worked like a charm!