• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
  • This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Custom Forum Icons

TimWF

Active member
#1
This is a quick and easy template modification to assign custom icons to any or all forums on a per forum basis. All forums other than the one(s) you specifically define to be custom will continue to show as they normally would.

Just open up the EXTRA.css template and add the following code:

Code:
li.node_37 .nodeIcon
{
background-image: url(/images/forum_icons36x36/custom_icon_image.gif) !important;
}
You will then want to edit image path in the code above to whatever your custom icon of choice is and change the '37' in li.node_37 to the node id of the forum you would like to replace the icon for and you should be good to go. If you want more than one forum to have a custom icon you just need to repeat the above with the proper node id and image location.

To find the node id of a particular forum just visit the forum thread listing and you will see it in the url, take this forum, the Template Modifications forum for example:

http://xenforo.com/community/forums/template-modifications.37/

The id would be 37 in this case.

A note on limitations with this, when using the above template modification, unread vs read forums show an identical icon for forums that have a custom icon.
 

GofD

Well-known member
#3
Nice one - for simplicity's sake, I'd name the icons the same as the forum ids, so it would be 37.gif for your example above, but that's just me.