XF 1.1 How Can I Use Custom Forum Node Icons?

[imlps]

Hi guys,

May I know is there an addon for changing custom forum node icons? Or is there tutorials on how to do so?

Thanks.

 

[TPerry]

Hi guys,

May I know is there an addon for changing custom forum node icons? Or is there tutorials on how to do so?

Thanks.

One resource is
http://xenforo.com/community/threads/node-secondary-images.45788/

Or, you can do like this in EXTRA.css

.node.node_7 .forumNodeInfo .nodeIcon, .node.node_7 .categoryForumNodeInfo .nodeIcon {
    background-image: url("images/nodes/iPhone.png");
    background-position: 0px 0px;
    opacity: 0.4;
}
.node.node_7 .forumNodeInfo.unread .nodeIcon, .node.node_7 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("images/nodes/iPhone.png");
    background-position: 0px 0px;
}

Where the # is the actual node number and the icon is your custom icon. I use the same one for both and apply opacity to the read ones.
To make sure that the unread ones are at 100% opacity I have this in EXTRA.css (you might not need the !important - I haven't tried it without it yet it's not needed at least on mine)

/* Adjust opacity on new message icons in forum list */
.node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon {
        opacity: 1.0;
        }

 

[Shelley]

There is this resource submitted by @Miko that will replace the actual node icons that might serve you also. http://xenforo.com/community/threads/rc-1-custom-node-status-icons-read-unread.10886/

 

[imlps]

Thanks guys, I will take a look at the three solutions.

 

[imlps]

@Tracy Perry, may I know what if the node is a link? I can't seem to get it works. Thanks.

 

[Matthew Hawley]

There is this. http://xenforo.com/community/resources/custom-node-icon-icon-for-category.632/

 

[Jon W]

You might also want to take a look at this add-on:
http://xenforo.com/community/resources/forum-node-information-by-waindigo.2041/

 

[imlps]

I found the solution here: http://xenforo.com/community/threads/rc-1-custom-node-status-icons-read-unread.10886/#post-167862

 

[TPerry]

I found the solution here: http://xenforo.com/community/threads/rc-1-custom-node-status-icons-read-unread.10886/#post-167862

If you use Chrome, you can use Chrome Developer you can usually find what you need out of it (FireFox has something I think is called FireBug - but I don't do FireFox so not sure of the name). Below is a capture from where I put the mouse cursor of the page icon and then inspected the element. Near the very top you can see what you need, and you can edit it to try it out before you place it in your EXTRA.css