MyBB Community Forums
Custom Forum Icons ~ A Unique icon for Each Forum - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Resources (https://community.mybb.com/forum-8.html)
+--- Forum: Tutorials (https://community.mybb.com/forum-38.html)
+--- Thread: Custom Forum Icons ~ A Unique icon for Each Forum (/thread-92128.html)

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16


RE: Custom Forum Icons ~ A Unique icon for Each Forum - hari555 - 2011-06-30

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 />



RE: Custom Forum Icons ~ A Unique icon for Each Forum - Yaldaram - 2011-06-30

(2011-06-30, 05:47 PM)hari555 Wrote: 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;

(2011-04-13, 12:23 PM)Yaldaram Wrote: 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.



RE: Custom Forum Icons ~ A Unique icon for Each Forum - Caiaphas - 2011-07-06

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.


RE: Custom Forum Icons ~ A Unique icon for Each Forum - Dragonzsoul - 2011-07-06

thank tutorial bro Yaldaram impressive tutorial,


RE: Custom Forum Icons ~ A Unique icon for Each Forum - Yaldaram - 2011-07-08

Thanks.


RE: Custom Forum Icons ~ A Unique icon for Each Forum - Dici - 2011-08-16

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


RE: Custom Forum Icons ~ A Unique icon for Each Forum - iMtiazeā„¢ - 2011-08-18

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


RE: Custom Forum Icons ~ A Unique icon for Each Forum - Yaldaram - 2011-08-18

Thank You! =)


RE: Custom Forum Icons ~ A Unique icon for Each Forum - sunjava1 - 2011-09-06

Plugin to do that??


RE: Custom Forum Icons ~ A Unique icon for Each Forum - Yaldaram - 2011-09-07

(2011-09-06, 08:09 AM)sunjava1 Wrote: Plugin to do that??

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