Touchable banners

Technical Details

Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
When the problem appeared : Banners do not redirect to topics.
Forum link : http://mafiaofoldschool.freeinvision.net/

Description of problem

I received a code a while back to redirect banners to their topics. But the coding never actually worked. I was wondering if anyone could me please in redirecting banners to their topics. I might need step by step instructions on how to achieve this. Forum is PhpBB2. Thanks guys!

Hi there,

Are you referring to just banners that are displayed on the topics?

Yeah, banners that would say "Support Desk" but the problem is is that you can only click on the name above the banner to get onto the topic. What I need is to be able to click onto a banner that redirects me onto the topics without having to click onto the name above the banner itself. the banner has the name on it, but you would have to click onto the exact same name above the banner.

All you simply need to do is make the image into a link.

Code:

<a href="Link goes here"><img src="Image link goes here" /></a>

Last time I had problems on where to place the code. Could you tell me where to post the code please? Also what else do I put into this code?

Admin Panel -->> General -->> Categories and Forums -->> The forum's description  is where the code will go.

You only put the links where I informed on the code.

Code:

<a href="The redirected link goes here"><img src="the banner image link goes here" /></a>

The code works. But its redirecting back to the admin panel. Was I suppose to add into the code the forum address?

Can you show me exactly what link I'm suppose to be putting in please?

The link to the page you want the banner to be directed to.

I'm typing in the forum adress and it just keeps redirecting me straight admin panel. Where would I find the topic link?

Post the link here.

You have to use the URL address of the page that the banner would direct you after you click on it.

For example this topic:  https://help.forumotion.com/t144033-touchable-banners#983438 .

It works. But now I can't type in any text after I have done the coding. Its interferes with the coding.

Where are you trying to enter the text?

Underneath the banner, so when it shows the banner image on the forum it will also show the detailed text underneath the banner. For some reason the code works, but it doesn't allow me to type underneath the coding. If I do that then it shows a big huge wide gap on the forum in the category where the forum is. The coding definitely works. I just can't type underneath the coding otherwise it messes up my forum category in terms of length x width.

Can you post a screenshot?

I'm using Windows 8 and that sucks like hell. Basically, I put the coding into the description, then added both the image and the right URL, then I clicked save. The banner now redirects me onto the right page. Next, I went back to where I did the coding and I saw an image of swift gaia in the flesh where I typed the coding, so I decided to type the text undeneathr the banner that was in full view, then I clicked save. I then went back onto the forum and saw a big space underneath the banner that has the coding. I just don't know how to type in the text that I want underneath the coded banner in the description.

https://i.imgur.com/Oum3UL6.png

Can you paste the coding?

<a href="http://mafiaofoldschool.freeinvision.net/f3-battle-ground"><img src="https://i.servimg.com/u/f21/18/93/34/26/untitl12.png" /></a>

Is this what you tried?

Code:

<a href="http://mafiaofoldschool.freeinvision.net/f3-battle-ground"><img src="http://i21.servimg.com/u/f21/18/93/34/26/untitl12.png" /></a>
<div>
     BATTLE GROUND 
</div>

Yeah. You can see that i added in botht eh image and the right link. Like I said, the banner works. The problem I'm having is that I am unable to type into the description box without it interfering with the code. For example: Typing in a detailed description of what the forum is about underneath the banner.

In that code I posted recently, put your description you want where it says "BATTLE GROUND".

Code:

<div>
     BATTLE GROUND
</div>

I copied and pasted the code into the description and I replaced "battle Ground" and added in the description, but it still doesnt work. It leaves a gap.

Are you using WYSISWYG mode?  If you are, it adds a line break.

Code:

<br />

Thanks guys. I will try to figure it out from here.

As marked as solved i will lock it

Topic solved and archived