MyBB Community Forums

Full Version: Multiple Colored Category Headings/ Thead MyBB
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Original Topic here : http://myskins.org/Thread-Multiple-Color...Thead-MyBB
Hello friends,
As requested by our friend Zwiv, i am making this tut for Multiple color category background / Thead for MyBB.
It requires knowledge in template editing and is very simple,

First as always the HTML.
Navigate to Templates > forumbit templates > forumbit_depth1_cat template.

Look for this code on 4th line.
<td class="thead" colspan="5">

Replace with:
<td class="thead" colspan="6" id="forum_cat_{$forum['fid']}">

So copy paste business lets you learn nothing. So here i explain what you are exactly doing.
You are assigning an ID for the category heading. As ID's are unique, they tend to have a property of assigning themselves to a particular element.

Now its Css time :
So you have to look for number of categories you have.
Look for their ID's in the admin panel > forums.

So every category needs to be having a particular ID and insert in following code:
#forum_cat_x {background:#D12C2C;}

x="ID Number of the Category.

For example:

The first forum cat ID is 1 then you have to insert the ID within the following code:
#forum_cat_1 {background:#111;}

So the next category has an ID 8 then the code becomes :
#forum_cat_8 {background:#222;}

So you have to assign color to every category you have and thus you can achieve multiple clored Thead/ Category Heading Backgrounds.
You can add images instead of colors too., instead of colors #xxxxxx
you need to add the image path ex: url(images/xx.png);

So if you enjoy this feel free to share it with your friends, with credits to me.
Thank you
regards
can you upload screenshot for this tut :/ ??
You can have a look at it: http://myskins.org/index.php
and for subforums thead??? i can't see the same color of the thead category :\
Thanks. It was useful to me!
My color is red and it doesn't change..
I try to change the background from css but it doesn't work