Custom Forum Icons ~ A Unique icon for Each Forum

[hari555]

This user has been denied support.

ACP > Templates > Your theme's templates > Forumbit templates > forumbit_depth1_cat >

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="3">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<td class="tcat" width="320" align="center"><span class="smalltext"><strong>Forum Stats</strong></span></td>
</tr>
{$sub_forums}
</tbody>
</table>
<br />

ACP > Templates > Your theme's templates > Forumbit templates > forumbit_depth2_forum

<tr>
<td class="{$bgcolor}" align="center" valign="middle" 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>
<td class="trow_h" valign="middle">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="trow_h" valign="middle" align="right" style="white-space: nowrap">

<span class="lastpost">{$lastpost}</span>


<div class="test"><span style="float: left;">{$lang->forumbit_threads}:</span>{$threads}{$unapproved['unapproved_threads']}</div>
<div></div>
<div class="test"><span style="float: left;">{$lang->forumbit_posts}:</span>{$posts}{$unapproved['unapproved_posts']}</div>



</td>
</span>
</span>
</td>
</tr>

ACP > Templates > Your theme's templates > Forumdisplay templates > forumdisplay_subforums

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="5" align="center"><strong>{$lang->sub_forums_in}</strong></td>
</tr>
<tr>
<td class="tcat" width="2%">&nbsp;</td>
<td class="tcat" width="58%"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>

<td class="tcat" width="20%" align="center"><span class="smalltext"><strong>Forum Stats</strong></span></td>
</tr>
{$forums}
</table>
<br />

[Yaldaram]

ACP > Templates > Your theme's templates > Forumbit templates > forumbit_depth2_forum

<tr>
<td class="{$bgcolor}" align="center" valign="middle" 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>
<td class="trow_h" valign="middle">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="trow_h" valign="middle" align="right" style="white-space: nowrap">

<span class="lastpost">{$lastpost}</span>


<div class="test"><span style="float: left;">{$lang->forumbit_threads}:</span>{$threads}{$unapproved['unapproved_threads']}</div>
<div></div>
<div class="test"><span style="float: left;">{$lang->forumbit_posts}:</span>{$posts}{$unapproved['unapproved_posts']}</div>



</td>
</span>
</span>
</td>
</tr>

In that template, Replace all code with the following;

<tr>
<td class="{$bgcolor}" align="center" valign="middle" 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>
<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="images/ficons/{$forum['fid']}.png" alt="" title="" class="" id="" /></td>
<td class="trow_h" valign="middle">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="trow_h" valign="middle" align="right" style="white-space: nowrap">
<span class="lastpost">{$lastpost}</span>
<div class="test"><span style="float: left;">{$lang->forumbit_threads}:</span>{$threads}{$unapproved['unapproved_threads']}</div>
<div></div>
<div class="test"><span style="float: left;">{$lang->forumbit_posts}:</span>{$posts}{$unapproved['unapproved_posts']}</div>
</td>
</span>
</span>
</td>
</tr>

Make edits in " forumbit_depth1_cat" and "forumdisplay_subforums" templates as explained in that thread. Upload images in ./images/ficons/ folder keeping in consideration the points written in: http://community.mybb.com/thread-92128.html e.g. these;

NOTE: Image's name should be same to the Forum ID. For example if your Forum ID (where these Icons are going to show) is 2 then you'll have to rename the Icon as 2.png and upload it to images/ficons/ folder. Do the same with rest of the Icons.

[Caiaphas]

Nice job. I might have used this if I'd seen it earlier. I use a plugin for my forum icons. I like them so much that I'm thinking of removing the new post/no new post/locked indicators beside them.

[Dragonzsoul]

thank tutorial bro Yaldaram impressive tutorial,

[Yaldaram]

Thanks.

[Dici]

if there anyway to make this the original on, off, offlock image instead of another entire column?

[iMtiaze™]

This user has been denied support.

A very great tutorial. Just the one i was looking for. Mindblowing

[Yaldaram]

Thank You! =)

[sunjava1]

Plugin to do that??

[Yaldaram]

Plugin to do that??

http://mods.mybb.com/view/pl9-forum-icons
http://mods.mybb.com/view/custom-forum-icons