Welcome Guest ! Please   Login or Register


Check out our latest Premium Themes, Majestic , Majestic - Dark and Musk Themes for MyBB 1.8 Click to Shop Now

Now open for Custom Theme requests : Click to Order Now





 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Multiple Colored Category Headings/ Thead MyBB

envira Offline
Doctor Web
*******

Posts: 1,233
Joined: Aug 2012
Likes Received : 299

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 61,202.30Points
Post: #1
Smile Multiple Colored Category Headings/ 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.
Code:
<td class="thead" colspan="5">

Replace with:
Code:
<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:
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:
Code:
#forum_cat_1 {background:#111;}

So the next category has an ID 8 then the code becomes :
Code:
#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

[Image: lt79ucY.png]
(This post was last modified: 12-10-2013 11:16 AM by envira.)
12-10-2013 11:12 AM
Find
2
Quote




Zwiv Offline
Junior Member
**

Posts: 24
Joined: Nov 2013
Likes Received : 2

Nationality: Philippines

Mood: None

Points: 539.90Points
Post: #2
RE: Multiple Colored Category Headings/ Thead MyBB

Ah, thank you so much! It really was easy I just didn't think of this way.

I was trying to use the nth-child() stuff in CSS at first.

Thank you!
12-11-2013 04:14 AM
Find
0
Quote




envira Offline
Doctor Web
*******

Posts: 1,233
Joined: Aug 2012
Likes Received : 299

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 61,202.30Points
Post: #3
RE: Multiple Colored Category Headings/ Thead MyBB

(12-11-2013 04:14 AM)Zwiv Wrote:  Ah, thank you so much! It really was easy I just didn't think of this way.

I was trying to use the nth-child() stuff in CSS at first.

Thank you!

Ha ha, Glad you figured it out
regards

[Image: lt79ucY.png]
12-11-2013 09:30 AM
Find
0
Quote




Bala Offline
Customer
****

Posts: 41
Joined: Feb 2013
Likes Received : 5

Facebook Google Plus
Nationality:

Mood: Sick

Points: 873.20Points
Post: #4
RE: Multiple Colored Category Headings/ Thead MyBB

Thanks for putting it out, definitely will help newbies.
12-11-2013 02:08 PM
Find
0
Quote




Nexus Offline
Junior Member
**

Posts: 15
Joined: Nov 2013
Likes Received : 2

Nationality: India

Mood: None

Points: 1.73Points
Post: #5
RE: Multiple Colored Category Headings/ Thead MyBB

thanks again
12-17-2013 04:38 PM
Find
0
Quote




MassiveStroke Offline
Junior Member
**

Posts: 25
Joined: Dec 2013
Likes Received : 3

Nationality: Turkey

Mood: Zombie

Points: 210.39Points
Post: #6
RE: Multiple Colored Category Headings/ Thead MyBB

thank you:!
12-22-2013 09:26 PM
Find
0
Quote




skibixd Offline
Junior Member
**

Posts: 5
Joined: Dec 2013
Likes Received : 1

Nationality: Undisclosed

Mood: None

Points: 0.43Points
Post: #7
RE: Multiple Colored Category Headings/ Thead MyBB

o I needed this. thanks you!
12-23-2013 11:05 PM
Find
0
Quote




surreal Offline
Junior Member
**

Posts: 12
Joined: Jan 2014
Likes Received : 0

Nationality: United States of America

Mood: None

Points: 64.60Points
Post: #8
RE: Multiple Colored Category Headings/ Thead MyBB

This is really neat, thank you for this!
01-04-2014 11:57 AM
Find
0
Quote




envira Offline
Doctor Web
*******

Posts: 1,233
Joined: Aug 2012
Likes Received : 299

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 61,202.30Points
Post: #9
RE: Multiple Colored Category Headings/ Thead MyBB

Glad you guys liked it
regards

[Image: lt79ucY.png]
01-04-2014 06:26 PM
Find
0
Quote




VetFalco Offline
Junior Member
**

Posts: 14
Joined: Jul 2014
Likes Received : 0

Nationality: Italy

Mood: None

Points: 6.64Points
Post: #10
RE: Multiple Colored Category Headings/ Thead MyBB

much good tuto Smile
07-20-2014 06:47 PM
Find
0
Quote





Possibly Related Threads...
Thread: Author Replies: Views: Last Post
Information Add Social Links to Your MyBB Forum envira 3 3,750 Yesterday 03:59 AM
Last Post: smash
  [1.8x] [How] MyBB Reputation Gabbar 0 413 10-29-2015 09:41 AM
Last Post: Gabbar
Smile Some MyBB Useful Codes that you can use in your templates envira 11 7,876 07-07-2015 09:18 AM
Last Post: Unr34lity
  Different colored .theads Zwiv 1 784 12-10-2013 11:18 AM
Last Post: envira
Lightbulb Thead Collapse Button : Hover effects (show and hide) envira 2 2,468 08-23-2012 12:47 AM
Last Post: envira

Forum Jump:


User(s) browsing this thread: 1 Guest(s)

About Myskins

MySkins Studio is MyBB Themes Resource Website.

At MySkins Studio, We procreate MyBB Themes both custom MyBB Themes and premium Mybb Themes.We believe in quality and assure you the best MyBB themes at a very reasonable price , that suits your taste.

Feel free to drop in a request and get a quote.