How to replace forum on/off images with different custom images

[chapati]

I found many tutorials on "how to add custom forum images to your forum" and "how to remove on/off forum images completely".

But actually u can just replace on/off images with your own custom images.

u can add unique images to the forum.

So here is the simple method to do this:

Go to: ACP > Templates > Your theme's templates > Forumbit templates > forumbit_depth2_forum and find:-

<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" 
title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>

And replace it with the below codes:-

<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="images/ficons/{$forum['fid']}.png" alt="" title="" class="" id="" /></td> 

Save the template.

Now Create a folder "ficons" in the image folder and add images there which you want to use as your custom forum images.

Note: Only add images with .png format. if your forum id=1 then your image should be "1.png". Name the image with the respective forum id.

Apology If this topic was posted before, i am really sorry


Have fun

[MikeInToshx]

Can this be used for only subforums? like only costum icons for the subforum 'tutorials'?

Also, the standard images stay right? I mean, I don't want to edit any icons ( at least not yet ) on the idex page. Just the subforum 'Tutorials'.

[mithun]

Can this be used for only subforums? like only costum icons for the subforum 'tutorials'?

Also, the standard images stay right? I mean, I don't want to edit any icons ( at least not yet ) on the idex page. Just the subforum 'Tutorials'.

This will completely replace the forum images. U can add unique images respective to your forum.

[KratomPW]

I couldn't get this tutorial to work.
This is what worked for me:
1. Go to Forumbit > forumbit_depth2_forum

2. Click edit template.

3. Press CTRL + A then delete or backspace.

4. Copy this:

<tr>
<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="images/ficons/{$forum['fid']}.png" alt="" title="" class="" id="" /></td><td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>

and paste it in the template and save.

NOTE: For some reason this will center the forum name and descriptions.

[melchor]

because of this attribute align="center"

[KratomPW]

because of this attribute align="center"

Indeed. I like it centered.