Customize NodeList

[ThunderBird2]

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');
}

 

[TPerry]

anyone here?

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/

 

[ThunderBird2]

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.........

 

[TPerry]

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

.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.

 

[TPerry]

I just dropped a note to Jake to see if he can stop in and help... he will probably know the answer - he usually does.

 

[Jake Bunce]

http://xenforo.com/community/threads/forum-status-icon-question.31457/#post-391264

 

[TPerry]

http://xenforo.com/community/threads/forum-status-icon-question.31457/#post-391264

Thanks Jake! I knew you would know.
There ya' go ThunderBird2... Jake swoops in to the rescue! Now I've bookmarked that link for when I need it later.

 

[TPerry]

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.

 

[ThunderBird2]

Thank you guys!....That would help alot. I will test it again. I am sometimes stupid due to no experiences.

Thanks, Jake!

 

[ThunderBird2]

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 !