HenrikHansen Well-known member Jul 15, 2012 #1 How do I make different icons for each forum, like here? http://www.techspot.com/community/
Arty Well-known member Mar 7, 2016 #21 Code: .nodeList .node_75 .nodeText{ min-height: 40px; background: url("@imagePath/xenforo/icons/ClashRoyale30.png") no-repeat scroll left transparent;} Adjust value of min-height to match your image height. Upvote 0 Downvote
Code: .nodeList .node_75 .nodeText{ min-height: 40px; background: url("@imagePath/xenforo/icons/ClashRoyale30.png") no-repeat scroll left transparent;} Adjust value of min-height to match your image height.
X X3nman Member Mar 7, 2016 #22 That worked perfectly! Thanks very much for your help Upvote 0 Downvote
zackm Member Jul 31, 2017 #23 Arty said: Create icon sets for those forums, add CSS for each forum like this: Code: .nodeList .node.node_1 .nodeIcon { background-image: url('@imagePath/xenforo/node-1.png'); Change 1 to forum id Click to expand... Can this work with different read/unread images? Upvote 0 Downvote
Arty said: Create icon sets for those forums, add CSS for each forum like this: Code: .nodeList .node.node_1 .nodeIcon { background-image: url('@imagePath/xenforo/node-1.png'); Change 1 to forum id Click to expand... Can this work with different read/unread images?
zackm Member Jul 31, 2017 #25 Arty said: No, you need to merge them into sprite. Click to expand... Not totally sure what that means. I am trying to make custom icons for each forum, but I want them to be a different color depending on whether or not there are unread posts. Is that possible? Upvote 0 Downvote
Arty said: No, you need to merge them into sprite. Click to expand... Not totally sure what that means. I am trying to make custom icons for each forum, but I want them to be a different color depending on whether or not there are unread posts. Is that possible?
Arty Well-known member Aug 1, 2017 #26 I have a tutorial for that: https://www.artodia.com/xenforo-tutorials/custom-node-sprite/ Upvote 0 Downvote