Choose from our various pricing plans. There is a package for everyone!


Set different icons for each category name

View previous topic View next topic 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 : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

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

Back to top Go down

View previous topic View next topic Back to top


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