Set different icons for each category name

Go down

Tutorial Set different icons for each category name

Post by Mati™ on Mon Nov 17, 2014 2:24 pm

Set different icons for each category name

This tutorial will show you how to set different icons for each category names.

Preview Image:


Go to Administration Panel General Forum Categories and forums -> Modify a category add the code and save.

For each category names you can add such code after the name of the category.

Remember to change the class for each category name something like this cat1, cat2, cat3.
Code:
<span class="cat1"></span>

The CSS:
Go to Administration Panel Display Colors CSS stylesheet and add the codes below to your CSS

Code:
.cat1:after {
   content: url("icons url here 16x16 px");
   vertical-align: top;
}

The Icons:
These icons are from http://www.iconarchive.com/ Please visit the site for more icons.
This tutorial was written by Mati™, For FM Focus!
avatar
Mati™
Administrator
Administrator

Age : 32
Posts : 2113
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum