Separate Icons For Each Node?

[TheJoker]

I'd like to use a different, static icon for each node on my board.

For example,

Say I have two nodes: Mac, and iPhone

I want the Mac status icon to be a picture of a Mac (that I supply) and the iPhone node to have a picture of an iPhone.

Is there some way to do this? Preferably a mod?

 

[Slavik]

Can be done via css by specifying the node ID and changing the relevent image

 

[TheJoker]

Can be done via css by specifying the node ID and changing the relevent image

How?

I think I may have used the incorrect terms here. I meant each forum, not each category.

Thanks!

Dustin

 

[Slavik]

How?

I think I may have used the incorrect terms here. I meant each forum, not each category.

Thanks!

Dustin

You mean as in, when looking at the list of nodes on the home page correct?

Similar to xfshowcase.com?

 

[TheJoker]

You mean as in, when looking at the list of nodes on the home page correct?

Similar to xfshowcase.com?

Yes exactly! And thanks for the quick response, by the way!

 

[Slavik]

Yes exactly! And thanks for the quick response, by the way!

Then

.node .node_X .forumNodeInfo.unread .nodeIcon, .node .node_X .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("image path");
}
 
.node .node_X .forumNodeInfo.read .nodeIcon, .node .node_X .categoryForumNodeInfo.read .nodeIcon {
    background-image: url("image path");
}

replace X with the node id and enter your custom image in

 

[Shelley]

Yes exactly! And thanks for the quick response, by the way!

This might help you in accomplishing different Node icons per forum. http://xenforo.com/community/threads/rc-1-custom-node-status-icons-read-unread.10886/
edit: ninj;d

 

[Slavik]

this might help you in accomplishing different Node icons per forum. http://xenforo.com/community/threads/rc-1-custom-node-status-icons-read-unread.10886/

Was looking for that, couldnt find it

 

[Shelley]

Was looking for that, couldnt find it

It took me a while to find it. I'm almost sure there is an updated one though i could be wrong.

 

[Slavik]

It took me a while to find it. I'm almost sure there is an updated one though i could be wrong.

I'm suprised it wasnt entered into the RM. hint hint

 

[TheJoker]

Then

.node .node_X .forumNodeInfo.unread .nodeIcon, .node .node_X .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("image path");
}
 
.node .node_X .forumNodeInfo.read .nodeIcon, .node .node_X .categoryForumNodeInfo.read .nodeIcon {
    background-image: url("image path");
}

replace X with the node id and enter your custom image in

Thanks so much!

 

[TheJoker]

Do either of you know the exact dimensions of a single status icon on XF?

 

[Shelley]

Do either of you know the exact dimensions of a single status icon on XF?

I'm quite sure it's 36px by 36px.

 

[JABRONI]

Do either of you know the exact dimensions of a single status icon on XF?

You can edit that in your Styles Properties.

Styles Properties > Node Icons

 

[TheJoker]

You people here are saviours, I swear.

Thanks so much!

 

[TheJoker]

Then

.node .node_X .forumNodeInfo.unread .nodeIcon, .node .node_X .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("image path");
}
 
.node .node_X .forumNodeInfo.read .nodeIcon, .node .node_X .categoryForumNodeInfo.read .nodeIcon {
    background-image: url("image path");
}

replace X with the node id and enter your custom image in

Hey Slavik - the help is much appreciated but I am having a problem. The image is being called but in the browser it shows no icon rather than the proper one. Here's the link if this doesn't make sense:

http://themacforum.net/

 

[Slavik]

Hey Slavik - the help is much appreciated but I am having a problem. The image is being called but in the browser it shows no icon rather than the proper one. Here's the link if this doesn't make sense:

http://themacforum.net/

You havent defined the image path correctly.

 

[TheJoker]

You havent defined the image path correctly.

I did though, because if you use Inspect Element, you'll notice that image is there, and it's specified correctly, but it's not showing.

Here's the code:

.node .node_41 .forumNodeInfo.unread .nodeIcon, .node .node_41 .categoryForumNodeInfo.unread .nodeIcon {
    background-image: url("mac.png");
}
 
.node .node_41 .forumNodeInfo.read .nodeIcon, .node .node_41 .categoryForumNodeInfo.read .nodeIcon {
    background-image: url("mac.png");
}

 

[Slavik]

mac.png isn't a valid path, it would need to be /style/images/mac.png or where ever you put it.

 

[TheJoker]

mac.png isn't a valid path, it would need to be /style/images/mac.png or where ever you put it.

I put it in the root folder just for testing.