Where to place new Node icons

steven s

Well-known member
In developing a custom style, what is the best way to replace node icons?
I don't want to rename an existing icon because when I upgrade I will only write over them.

I've done more in styling my forum in 2 days than 10 months of vB4 which is zero.
 
In developing a custom style, what is the best way to replace node icons?
I don't want to rename an existing icon because when I upgrade I will only write over them.

I've done more in styling my forum in 2 days than 10 months of vB4 which is zero.



In node_list.css

They're put in as:

background-image: url('@imagePath/xenforo/widgets/forum-unread.png');
background-image: url('@imagePath/xenforo/widgets/page.png');
background-image: url('@imagePath/xenforo/widgets/link.png');

Which you can choose a custom image folder for your style under

Style Properties -> General -> Settings

I just downloaded the default folder renamed to my style then re-uploaded and made all the custom images inside just my folder.

I hope that helps or explains it a bit better...
 
I'm seeing the default node icons when viewing as a guest, and my custom node icon when logged in as admin.
I have the style set to MyStyle.
Home -> Appearance -> MyStyle
Where else should I be looking?
 
I think I see what happened. It looks like you have your custom style uploaded to default and not to "styles". You just went one directory too far.
styles/default/bavforum should be styles/bavforum
 
I think I see what happened. It looks like you have your custom style uploaded to default and not to "styles". You just went one directory too far.
styles/default/bavforum should be styles/bavforum
That is correct.
Because of Path to Images styles/default I thought I needed my directory there.

In node_list.css
background-image: url('@imagePath/bavforums/widgets/forum-read.png');

What confuses me is that the directory is /default/xenforo/ so I figured it needed to be in the same directory.
In moving the directory, I loose the my icons even after changing the path.

I need to sit back and think about it some more. :)
 
I know what it is.
I only changed the forum-read.png. forum-unread.png is style XenForo.
Viewing as a guest, they are all unread so I saw the default forum-unread.png icon.
I just need to update the forum-unread.png icon with my own.
 
Looks like something changed in beta2.
forum-read.png and forum-unread.png are not in node_list.css anymore.
I needed to revert node_list.css to get the background for the category to work properly.

Searching for forum-read.png in the templates came up blank.
I do see Style Properties: Forum List -> Node Icon

Do I change a node icon there? If so, how?
 
Do I change a node icon there? If so, how?

Yep.

Admin CP -> Appearance -> Style Properties -> Forum List

That's where the image locations are defined. You can either change these locations to point to your custom images elsewhere, or you can upload your images in place of the existing images at the same location.
 
On that page you can see the read and unread node icons and their default locations:

Forum Icon Path - Read
@imagePath/xenforo/widgets/forum-read.png

Forum Icon Path - Unread
@imagePath/xenforo/widgets/forum-unread.png
 
You can avoid changing all those individual paths by putting your custom images in a subdirectory called "xenforo" inside your style directory. Then all you have to change is the path to images in "Style Properties: General."

It seems to me the "xenforo" part of the path shouldn't even be there by default anyway, but rather part of the @imagePath variable.
 
Top Bottom