Simple Machines Community Forum

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:

#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:

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

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

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



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



Lainaus käyttäjältä: Ricky. - syyskuu 11, 2011, 02:53:23 IP
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

Lainaus käyttäjältä: Krash. - syyskuu 11, 2011, 03:02:50 IP

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

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

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

Lainaus käyttäjältä: Krash. - syyskuu 11, 2011, 05:13:23 IP

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

Here you go, thanks for the help :)

Ok, in index.template.php find this -



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



Change to this -


<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 -



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



Change to this -



#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.

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

Thanks so much, worked like a charm!