Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
The way I did it was just create an additional template called jsa_nodes.css that I call from EXTRA.css. I define the custom node icons in there.I was wondering if there was a recommended way of adding custom node icons to each node?
Is there anything built into Core that would help with this?
Cheers
/* Adjust opacity on new message icons in forum list */
.node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon {
opacity: 1.0 ;
}
/* Define custom node icons */
.node.node_76 .forumNodeInfo.unread .nodeIcon, .node.node_76 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("images/nodes/iPhone.png");
background-position: 0px 0px;
}
.node.node_77 .forumNodeInfo .nodeIcon, .node.node_77 .categoryForumNodeInfo .nodeIcon {
background-image: url("images/nodes/iPhone.png");
background-position: 0px 0px;
opacity: 0.4;
}
.node.node_86 .forumNodeInfo .nodeIcon, .node.node_86 .categoryForumNodeInfo .nodeIcon {
background-image: url("images/nodes/3dapple.png");
background-position: 0px 0px;
opacity: 0.4;
}
.node.node_86 .forumNodeInfo.unread .nodeIcon, .node.node_86 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("images/nodes/3dapple.png");
background-position: 0px 0px;
}
I was wondering if there was a recommended way of adding custom node icons to each node?
Is there anything built into Core that would help with this?
Cheers
Not yet... I've got to get a little better with PhotoShop before I start delving to deeply. With one of my sites Apple related it's imperative that I get there at some point.Cheer guys.
Tracy I did something similar but rather than use opacity we use separate images.
Have you done anything about retina displays?
If I remember correctly from reading the resource discussion, there were some problems with it failing to reset the default icons if you ever removed it. I figured it was just easier to do it via the CSS route until the ability is rolled into the core.http://xenforo.com/community/resources/custom-node-icon-icon-for-category.632/
Not sure if there are performance hits though, with that add-on it doesn't look to support sprites though(which is a performance issue technically)