XF 2.X Colorful Categories.

Doctor

Thread Starter
★★★★★★
Charismatic
Designer
Expert
Writer
Popular
الکمونیا میں تو ایسا نہیں ہوتا
ITD Developer
Most Followers 534
Most Liked
Most Reactions 777
Most Valuable
Top Poster
Helping Hands
Most Posts 1048
Joined
Apr 25, 2018
Messages
8,899
Reaction score
11,228
Points
3,686
Age
46
Location
Rawalpindi
Gold Coins
22.73
Silver Coins
3,031
Diamonds
0.09970
Permanently Change Username Color & Style.
Get Unlimited Tags / Banners
Get Unlimited Tags / Banners
Thread Highlight Unlimited
Change Username Style.

This simple CSS will change you NOD styling to become a colorful per category base, you may use one copy of provided CSS for one category, which including necessary code for sub-nods also (code included in ITD Colored Categories.css).


2020-01-10_102601.jpg


2020-01-10_102816.jpg

Also provided an option to set/change Category icons.

Also provided an option to change NOD icons.

You have to chose 3 shades of color for each Category, in line # 3, dark shade for main Category color, lite shade of same color in line # 15 & 28 for if no un-read items in nods and sub-nods, and medium shade of same color in line 20 & 33 for nods and sub-nods having unread items.
2020-01-10_095657.jpg

Legends
1. Category Icon
2. Category Base Color (Dark)
3. Nod / Sub-Nod (Lite color having no unread item)
4. Nod / Sub-Nod (Medium Color Having Un read items)
5. Displaying Nod Icons (font-Awesome) have separate CSS code. (also included in nod-icon.css)
6. Showing [NEW] in front of nod having unread item is an other CSS which you may find some ware in xenforo official forum too.

You can download attached CSS files and add the same in EXTRA.LESS after necessary changes as per your requirement.​

Official Link
::dnld::

Direct Link

::dnld2::
 
Top