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

Where to place new Node icons

steven s

Well-known member
#1
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.
 

Russ

Well-known member
#2
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...
 

steven s

Well-known member
#4
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?
 

Trip

Active member
#7
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
 

steven s

Well-known member
#8
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. :)
 

steven s

Well-known member
#9
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.
 

steven s

Well-known member
#11
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?
 

Jake Bunce

XenForo moderator
Staff member
#12
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.
 

Jake Bunce

XenForo moderator
Staff member
#14
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
 

mjp

Well-known member
#16
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.