Custom Forum Icons

[TimWF]

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:

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.

 

[Daniel Alicea]

can this be done with the page icons too?

 

[GofD]

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.

 

[Robert F Schmitz]

Fantastic!

 

[Bain]

http://xenforo.com/community/threads/rc-1-custom-node-status-icons-read-unread.10886/

 

[TimWF]

can this be done with the page icons too?

I would think that page icons should be able to be taken care of in the same way yes since they are a node. Give it a try just as above.

 

[TimWF]

http://xenforo.com/community/threads/rc-1-custom-node-status-icons-read-unread.10886/

Yea, Miko has a great post on his too, only reason to use what I posted over his is if you are ok with not having an icon change upon read posts vs. not.

 

[Digital Doctor]

You can also change the Icons via this method by Shelley ..
http://xenforo.com/community/threads/squared-node-icon-spritesheet-1-1.19761/