Colorful Categories.

xF2 Guides Colorful Categories. 2020-01-11

No permission to download
Compatible XF Versions
  1. 2.0
  2. 2.1
This simple CSS will change you NODE 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-node also (code included in ITD Colored Categories.css).
1578774259606.png



Also provided an option to set/change Category icons (Line # 5).

Also provided an option to change NODE icons (see nod-icon.css).

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 node and sub-node, and medium shade of same color in line 20 & 33 for node and sub-node having unread items.

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

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

An Overview
1578774353904.png
  • Like
Reactions: king2412 and DocZlo
Author
AnimeHaxor
Size
797 bytes
Extension
zip
Downloads
2
Views
1,561
First release
Last update

More resources from AnimeHaxor

Similar resources