1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. 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.
    Dismiss Notice
  3. 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

Discussion in 'Template Modifications [Archive]' started by TimWF, Jan 24, 2011.

  1. TimWF

    TimWF Active Member

    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.
     
    Rob Fritz, anotheralias, otto and 2 others like this.
  2. Daniel Alicea

    Daniel Alicea Member

    can this be done with the page icons too?
     
  3. GofD

    GofD Well-Known Member

    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.
     
    Rob Fritz likes this.
  4. Robert F Schmitz

    Robert F Schmitz Well-Known Member

  5. Bain

    Bain Active Member

  6. TimWF

    TimWF Active Member

    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. :)
     
  7. TimWF

    TimWF Active Member

  8. Digital Doctor

    Digital Doctor Well-Known Member

Share This Page