Forum Colorized Nodes Gradient Colorized Nodes Colorized Nodes with inline stats Open Graph Generator

Colorized Nodes Tutorial

This is the DIY-tutorial to create colorized nodes. Fill in the form and press "submit". After clicking "submit", the code will appear under the submit button.
In addition to this tutorial, there is also a more extensive turorial with a gradient color: ColoredNodesGradient.php

Before colorize:


After colorize:


Visit gouwepeer.nl to see the result of different colored categories.

To get the color code you can use this colorpicker


enter the data per category and copy the script to extra.less of the desired style.

Node Categorie:
Forum Category Number: Example: 162 for index.php?categories/test.162/
Background Color: Example: #0000FF
Color: Example: #ffffff

Coloured Node Icon read icon:
Color: Example: #0000FF
Text Shadow: Example: none
Looking for more Text Shadow options? Visit w3schools.com

Coloured Node Icon unread icon:
Color: Example: #f20414
Text Shadow: Example: none

H2 text color:
Color: Example: #fff



the script for in extra.less