• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Customize NodeList

#1
Kindly please explain how to customize on each node of each icon in Extra CSS

Here's my nodes lists

.nodeList .node.node_1 .nodeIcon { background-image: url('@imagePath/xenforo/icon1.png');
}

.nodeList .node.node_2 .nodeIcon { background-image: url('@imagePath/xenforo/icon2.png');
}

.nodeList .node.node_3 .nodeIcon { background-image: url('@imagePath/xenforo/icon3.png');
}
 

Tracy Perry

Well-known member
#2
Yes, there are people here... and yes, you need to give more time than approximately 1.75 hours before you ask if anyone is here. I'm sure that Shelley will be able to help when she swings around - I've been playing with that myself but haven't gotten around to it because it's not high on my priority list. I'm assuming you want to use a different one for your read and unread? Or are you wanting to use the existing read/unread and then just have an additional image after that. If the latter, there are already resources listed on how to perform that process.
http://xenforo.com/community/resources/node-secondary-images.1512/
http://xenforo.com/community/resources/category-images-for-forum-listing.1518/
 
#3
Yes, there are people here... and yes, you need to give more time than approximately 1.75 hours before you ask if anyone is here. I'm sure that Shelley will be able to help when she swings around - I've been playing with that myself but haven't gotten around to it because it's not high on my priority list. I'm assuming you want to use a different one for your read and unread? Or are you wanting to use the existing read/unread and then just have an additional image after that. If the latter, there are already resources listed on how to perform that process.
http://xenforo.com/community/resources/node-secondary-images.1512/
http://xenforo.com/community/resources/category-images-for-forum-listing.1518/
I appreciate you, I am sorry bro but I want to keep progress. Yes, I want to use different one for read and unread for each icon in each level nodes. I read your second link, and testing on my css. It show all icons in level 1 same icon pictures but how to make it each separately?

Example:
http://www.xfshowcase.com/

Code:
/* Category forum images */
.node .categoryText {padding-left: 36px;}
.node.category.level_1.node_1 .categoryText{ background: url("images/forum/vendor.png") no-repeat scroll left transparent;}
.node.category.level_1.node_2 .categoryText{ background: url("images/forum/general.png") no-repeat scroll left transparent;}
nodes number should be different in each portions, what is it? If I put node_3, it will go to level 2. Level 1 has three node icons. Level 2 has seven icons.........
 

Tracy Perry

Well-known member
#4
nodes number should be different in each portions, what is it? If I put node_3, it will go to level 2. Level 1 has three node icons. Level 2 has seven icons.........
The site example is what I referred to as eventually doing. I have to create images for numerous makes/models of bikes before I do that - and the image create takes my priority so I haven't even begun to look at the CSS edits for it.
The example you that I submitted pertains strictly to CATEGORIES - not the nodes (actual forum areas) themselves.
If you notice, each one of the motorcycle emblems areas has forums under it (making it a CATEGORY by the way I designed it). To do individual nodes (but not the read/unread icons) you would use the first link.

From just taking a quick look at his site using Chrome Developer tools the EXTRA.css code contains
Code:
.node .node_3 .forumNodeInfo.unread .nodeIcon, .node .node_3 .categoryForumNodeInfo.unread .nodeIcon
with the .node_x information corresponding to the node number of each forum (you can find this - the easiest way) by browsing to the forum and looking in the address bar at the .xxx ending if you use friendly URLS). That number is what you would use.
 

Tracy Perry

Well-known member
#8
Crud... Jake just likes to make more work for me ;) ... since I saw for sure how to do it I've spent most of the night setting up most of my nodes with custom icons. Still have to do a few more but I've GOT to go grab some sleep since I have to be at a clients at 1PM to do some server and desktop work.
 
#10
Crud... Jake just likes to make more work for me ;) ... since I saw for sure how to do it I've spent most of the night setting up most of my nodes with custom icons. Still have to do a few more but I've GOT to go grab some sleep since I have to be at a clients at 1PM to do some server and desktop work.
Lol, it was tough to figure out node issues, some members have similar with this issues. There are too many threads with different recommendations and solutions but I would suggest to make it stick on the top.

Have a good sleep Tracy before you have energy to fight with your client ! :LOL: