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,245
Joined: Aug 2012
Likes Received : 306

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 63,253.44Points
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,245
Joined: Aug 2012
Likes Received : 306

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 63,253.44Points
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: 26
Joined: Dec 2013
Likes Received : 3

Nationality: Turkey

Mood: Zombie

Points: 230.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,245
Joined: Aug 2012
Likes Received : 306

Facebook Google Plus Twitter
Nationality: India

Mood: Lazy

Points: 63,253.44Points
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
Star Simple jQuery Drop Down Login Form tutorial for MyBB envira 42 7,662 11-29-2016 08:50 PM
Last Post: DmitriyCauct
Information Add Social Links to Your MyBB Forum envira 5 3,979 10-25-2016 01:08 AM
Last Post: Chub
  [1.8x] [How] MyBB Reputation Gabbar 0 462 10-29-2015 09:41 AM
Last Post: Gabbar
Smile Some MyBB Useful Codes that you can use in your templates envira 11 8,207 07-07-2015 09:18 AM
Last Post: Unr34lity
Star [1.8x] MyBB jQuery User Dropdown Menu with Font Icons and jQuery envira 0 1,243 07-07-2015 12:29 AM
Last Post: envira
Heart Global Tool Tips with Jquery for Mybb myskins 6 4,382 09-06-2014 07:42 PM
Last Post: Yorne
  Forum Hover Effect on MyBB Index Page envira 8 4,555 08-17-2014 11:59 PM
Last Post: !!!a
  How To Create Free MyBB-Based Forum. Jero 15 3,456 07-20-2014 06:44 PM
Last Post: VetFalco
Smile Tutorial to make 4 column footer for MyBB envira 9 5,200 07-20-2014 06:43 PM
Last Post: VetFalco
Heart Tutorial to make MyBB Tabbed Profiles/ Profile Tabs with jQuery envira 33 13,345 07-20-2014 06:18 PM
Last Post: VetFalco

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.