Clickable Banner

[channonite]

I have a clickable banner set in my global header on my V4 forum using CrAzY_J's code (below). I can't find any way of getting it to work on my V5 forum and wonder if this is something for a plugin, or if anyone can at least point me in the right direction.

I use it to link my forum to my website.



<script type='text/javascript'>
(function() {
/* Clickable banner
created by CrAzY_J
Open Source*/

var Main = document.body.getElementsByTagName('font')[0];
var Source = Main.firstChild.src;
Main.removeChild( Main.firstChild );
var Link = document.createElement('a');
var Image = document.createElement('img');
Link.href = 'Link goes here';
Image.src = Source;
Image.border = 0;
Link.appendChild( Image );
Main.appendChild( Link );
})();
</script>

[Peter]

No need for a code, you can modify the template for this.

Goto...

Admin Home > Themes > Layout Templates

Click on "Forum Wrapper".

Look at line 18...

<a id="logo" href="/">$[forum.title]</a>

[channonite]

Simple!

Thanks.

[JJ]

Sorry to bump this after almost two months, but I use the same code. I do not understand the response by Peter. I found that line 18, so? Am I supposed to insert that line of code?

[blueshead]

Jan 16, 2013 17:09:45 GMT -8 JJ said:

Sorry to bump this after almost two months, but I use the same code. I do not understand the response by Peter. I found that line 18, so? Am I supposed to insert that line of code?

The code should already be there..  Where  "/"  is in the code.. replace the slash with url of your choice..

[JJ]

That's great, thank you Blueshead.

[blackwaterops]

I'm using a custom banner and my code looks different. i still would like the clickable banner feature.. any help is appreciated, thanks.

Here is what I have between line 14 and 20 of my "wrapper"

<div id="wrapper">
<header>
<div id="banner-container" role="banner">
<h2 id="banner">     [edit: I tried to add the href = "/" with the url to this line with no success]
$[forum.title]
</h2>
</div>

[spiceelicious]

Didn't work for me either.

[channonite]

Strangely this is not working now, either on my newly converted board, nor the BetaZone one either, although the latter was. I don't know enough about code to spot what the problem is. Any ideas?

[JJ]

It didn't work for me either.

[spiceelicious]

Nov 21, 2012 2:20:15 GMT -8 Peter said:

No need for a code, you can modify the template for this.

Goto...

Admin Home > Themes > Layout Templates

Click on "Forum Wrapper".

Look at line 18...

<a id="logo" href="/">$[forum.title]</a>

I don't have that so now what?

[spiceelicious]

Nov 21, 2012 2:20:15 GMT -8 Peter said:

No need for a code, you can modify the template for this.

Goto...

Admin Home > Themes > Layout Templates

Click on "Forum Wrapper".

Look at line 18...

<a id="logo" href="/">$[forum.title]</a>

I don't have that so now what?

[Shrike]

It's been changed so that the link to your forum home page is now included in the $[forum.title] variable. Unless you're wanting it to link to somewhere other than your home page, you shouldn't need to do anything because they've now made the banner clickable by default. If you do want it to link elsewhere, we just need to add back in the <a> tag that was there before and then change the variable so it is just giving us the name of the forum (and not the <a> tag that is now included).

Find $[forum.title] around line 18 and replace it with this, changing the value of the href to the link you want:

<a id="logo" href="/">$[forum.name]</a>

[channonite]

This is what I have in rows 18,19,20 (I have a shortcut icon in row 7) and it has no effect at all, now.


<h2 id="banner">
<a id="logo" href="http://www.itsbeautifuloutside.co.uk">$[forum.title]</a>
</h2>

It was working to begin with, but it was only just before I converted the forum this week that I noticed that it didn't do anything anymore.

[spiceelicious]

Feb 1, 2013 8:53:14 GMT -8 Shrike said:

It's been changed so that the link to your forum home page is now included in the $[forum.title] variable. Unless you're wanting it to link to somewhere other than your home page, you shouldn't need to do anything because they've now made the banner clickable by default. If you do want it to link elsewhere, we just need to add back in the <a> tag that was there before and then change the variable so it is just giving us the name of the forum (and not the <a> tag that is now included).

Find $[forum.title] around line 18 and replace it with this, changing the value of the href to the link you want:

<a id="logo" href="/">$[forum.name]</a>

I just checked and my forum banner is clickable but only when you hover over the beginning of the name of the forum. Shouldn't you be able to click anywhere on the name?