MyBB Community Forums

So lets start!

1. go to Forumbit_depth_1_cat
2. Find

<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div>

and replace with:

<img src="images/categories/{$forum['fid']}.png" class="categories">
<div class="categories_2"><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div>

3. go to your global.css file and put:

.categories {
position: absolute;
margin-top: -30px; 
width: 64px; 
height: 64px; 
margin-left: 0px;
}

.categories_2 {
margin-left: 65px
}

4. Go to your /public_html/<domain>/images/ and create folder named "categories".

5. Upload your images. REMEMBER: if your forum is like http://community.mybb.com/forum-1.html, your images should be named 1.png

EFFECT:




or if you prefer, live demo: http://forum.vnetwork.pl/

post edited due to missing _cat

Nice tutorial. Will try it.
Thank you.

Sir, could specify where to edit the templates?? Gotta try it! Is it only forumbit_depth_1 or forumbit_depth_1_cat??

go to Forumbit_depth_1_cat

from forumbit_depth1_cat

Okay! Thanks!

Looks interesting , Good work

Thank you, envira

That's pretty cool, would you know how to like custom the whole bar and not just add a image to it?

Any option for sub categories?