XF 1.5 Change Node Icons

[DaveM]

I want to change my default node icons to the following

Unread

Read

So now I go to - Style - Properties - Node Icons

In the Node Icon : Forum I have the following entry

@imagePath/xenforo/node-sprite.png

So I change it to any of these two but I just get a blank where the icon should display when viewing the forum lists

@imagePath/xenforo/data/Motorbike.png

Or

/xenforo/data/Motorbike.png

So what am I doing wrong here or how do I actually do this?

 

[Cool]

you have to work with the node-sprite.png
and place your icons inside there.
depending on size you have to udjust more.

 

[DaveM]

you have to work with the node-sprite.png

I cannot seem to find that file at all?

 

[Jeremy P]

http://www.triumphtalk.com/styles/default/xenforo/node-sprite.png

It's several images composited into one, and then individual images are shown using CSS background-positioning. I don't think you have to go this route, but it is recommended.

 

[TPerry]

So what am I doing wrong here or how do I actually do this?

Did you remember to remove the CSS positioning directives from the node image locations?

you have to work with the node-sprite.png

Incorrect.

What I do is simply make a new subdirectory called site_images. Under that I'll have additional subdirectories named icons, background, etc (whatever they are for).
Then place the images in there (one for read one for unread) then edit the style properties for the node icons and place the /path/to/image.png (remembering to REMOVE the CSS location positions).

It's BETTER to place them in a sprite sheet... that way it's only one large file to download for the user - but not required.

 

[rafass]

 

[DaveM]

View attachment 121010
View attachment 121008

Thanks for doing this but no matter what I try I still get them looking like this



What I did with your file was upload it into my data folder then point the path for this as this

@imagePath/xenforo/data/node-sprite.png

I also tried removing the Position leaving it as blank

 

[rafass]

I can see it, and looks great. clear the cache of your browser



There are also some nodes with custom images like:



maybe on your extra.css

 

[DaveM]

Have a look further down in the forum areas to this group Hinckley Pre 2015 and these are the categories I am trying to sort out.

Sorry I did not mention that I have this add on handling the node icons and that is why they are showing https://xenforo.com/community/resources/custom-node-icon-icon-for-category.632

 

[TPerry]

Sorry I did not mention that I have this add on handling the node icons and that is why they are showing https://xenforo.com/community/resources/custom-node-icon-icon-for-category.632

That add-on takes over the node icons from what I remember.. and if you remove it, it also removes any that you configured and fails to reset the default.
Much better to do it via the CSS (there are many examples in topics here).

 

[DaveM]

That add-on takes over the node icons from what I remember.. and if you remove it, it also removes any that you configured and fails to reset the default.
Much better to do it via the CSS (there are many examples in topics here).

I am really not that great with anything involving coding unfortunately

 

[TPerry]

It's really not that hard

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

where the background image points at your node image, the position is 0px 0px unless using a sprite sheet (then you use the associated location) and the node_XXX (for the XXX) the actual node number (visible when you hover over it from the index).

 

[Russ]

I am really not that great with anything involving coding unfortunately

Try uploading that sprite that @rafass provided to /styles/core/xenforo/ save it as node-sprite.png. It's still loading the default core ones.

 

[TPerry]

Try uploading that sprite that @rafass provided to /styles/core/xenforo/ save it as node-sprite.png. It's still loading the default core ones.

It looks like the ones in question are pulling from styles/core/xenforo/node-sprite.png

 

[Russ]

It looks like the ones in question are pulling from styles/core/xenforo/node-sprite.png

Isn't that what I said? Or am I missing something here haha

 

[TPerry]

Isn't that what I said? Or am I missing something here haha

You did.. I got interrupted in reading and read it as /styles/xenforo/... got a new puppy and had put her down.. and she was chewing on my toes (I'm barefoot).

 

[DaveM]

Try uploading that sprite that @rafass provided to /styles/core/xenforo/ save it as node-sprite.png. It's still loading the default core ones.

Ok did that and still no change

 

[Steve F]

You either didn't overwrite the old node-sprite.png or you upload to the wrong location as it is still loading the core default node-sprite.png

http://www.triumphtalk.com/styles/core/xenforo/node-sprite.png

 

[Steve F]

Also just provide us some login details on pixelexit so we can help you get it sorted out.

 

[DaveM]

You either didn't overwrite the old node-sprite.png or you upload to the wrong location as it is still loading the core default node-sprite.png

http://www.triumphtalk.com/styles/core/xenforo/node-sprite.png

Well that is just so strange as it will not upload that file at all?

What details do you need to I can PC you with them?