How to add custom image for each forum on main page

[mp4sverige]

Is it possible to have a custom image for each forum on main forum page as seen on xda, see image below:



http://forum.xda-developers.com/index.php

I have investigated the code with Firebug, but cant figure out if this can be done in vb via admin or if custom hacking is needed.

Any suggestion how this can be done?

[mp4sverige]

Anyone? Im sure its easy if you just know how

[karabaja3]

I just searched for same thing. Anybody knows?

[tbworld]

You will have to modify a couple of templates, most likely 'FORUMHOME' and the 'forumhome_forumbit...s' templates to accomplish this. This is not a difficult modification, but it will take some work on your part, if you do not want to pay for some help. I do not know of a mod that will get you there here on vb.org. If you know some basic HTML and some CSS then I can be of more assistance and point you in the right direction.

[tim.liton]

Am not sure but you can try to add only image for the first forum in each category and for the other forums in the same category add blank image. Never tried but may work. Good luck.

[FTG LIQUID CL]

Is this what you are looking for?This is a picture from one of my sub-forums but you can you it for your main forums!

1.You can use a code like this for a non clickable image,I use imageshack.com to upload my images.So the code below is one of my images!Just insert your image url where the blue code is. The insert the code in the forum description from the admincp.

<img src="http://imageshack.us/a/img823/7130/1vbt.jpg"

2.This code will give you a clickable image,That makes the image act as a link to the forum.Once again the blue is the link to your image.The red is the forum url.Go to the forum and copy the url then insert that url into the code.The entire code then goes in the forum description in the admincp.

<a href="http://fataltalentgaminglive.com/forumdisplay.php?153-FTG-oppositeshu"><img border="0" src="http://imageshack.us/a/img194/9223/shuc.jpg" width="500" height="100"></a>

One last thing ,the width and height numbers at the end of the second code will control the size of the image!

Hope this helps!