[RC 1] Custom Node Status Icons ( Read & Unread)

[Bain]

The bottom code worked. Thank you for the help. I appreciate it!

.node_6 .linkNodeInfo .nodeIcon {
    background-image: url("@imagePath/xenforo/widgets/link_6.png") !important;
}

 

[Ray]

Very useful stuff

Thanks

 

[Richard Skrip]

How would you get this to work for subforums?

 

[AndreaMarucci]

Fantastic tips thanks!!

 

[Zagato]

Hello
This work great for forum in category but not when forum are at the root
and unfortunately i dont use category... but love this simple mod
Is there something in the syntax that I can change to make this work without category use ?

 

[hcmagix]

You should be able to edit the css to suit.
Just make the image path the same and add an opacity element to the read or unread css as required.

Can I have an example?

 

[Paul B]

Using Miko's code from the first post, it would be something like this:

/* custom status icons */
.node .node_7 .forumNodeInfo .nodeIcon, .node .node_7 .categoryForumNodeInfo .nodeIcon {
background-image: url("@imagePath/xenforo/widgets/forum-7.png");
opacity: 0.4;
}
.node .node_7 .forumNodeInfo.unread .nodeIcon, .node .node_7 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("@imagePath/xenforo/widgets/forum-7.png");
}

You will need to play with the opacity css to get it to work in different browsers.
These may help:
http://www.w3schools.com/css/css_image_transparency.asp
http://www.quirksmode.org/css/opacity.html

 

[hcmagix]

I have do but I see the standard Icons they declared in @imagePath/xenforo/widgets/forum-read.png and @imagePath/xenforo/widgets/forum-unread.png in Style Property Forumview

when I use the right url to the node icons the new status icons dont appears

 

[Zagato]

Is there something in the syntax that I can change to make this work without category use ?

Can someone help me please ?

 

[Robert F Schmitz]

Great post. This answered some questions I had with a style that I installed and with some of this information, I resolved the problems. Thanks!

 

[CiSNe]

In version 1.01 of xenforo dont work of picture of unread in this code, dont change read or unread

 

[Richard Skrip]

I've been trying to wrap my head around getting this to work for subforums, but still can't figure it out. Anyone got an idea?

 

[Rjs37]

Not really liking the idea of having to add css for each forum icon we want to use. I think I'll take a look to see if I can get it working how we had our vb installation working - checks whether a file exists if so it uses those otherwise it uses the default ones. If I get anything working I'll post it up.

Plus by doing it that way I can give someone ftp access to the forum image directory and delegate the task of adding icons.

 

[Brett Peters]

Thanks for the share Miko


__Edit__
Just saw someone was after opacity, below is my opacity css

filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;

 

[CiSNe]

in this code

/* custom status icons */
.node .node_7 .forumNodeInfo .nodeIcon, .node .node_7 .categoryForumNodeInfo .nodeIcon {
background-image: url("@imagePath/xenforo/widgets/forum-7.png");
opacity: 0.4;
}
.node .node_7 .forumNodeInfo.unread .nodeIcon, .node .node_7 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("@imagePath/xenforo/widgets/forum-7.png");
}

don´t change to read to not read, why?

Sorry but my ingles, is horrible

 

[Brett Peters]

don´t change to read to not read, why?

If I am understanding you correctly, have you tried something like....

/* custom status icons */
.node .node_7 .forumNodeInfo .nodeIcon, .node .node_7 .categoryForumNodeInfo .nodeIcon {
background-image: url("@imagePath/xenforo/widgets/forum-7.png");
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
.node .node_7 .forumNodeInfo.unread .nodeIcon, .node .node_7 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("@imagePath/xenforo/widgets/forum-7.png");
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}

 

[CiSNe]

thank's, is running

 

[CFodder]

Does this still work for 1.04, have tried it but doesn't seem to work.

 

[Bain]

Does this still work for 1.04, have tried it but doesn't seem to work.

It still works on my end.

 

[CFodder]

It still works on my end.

Guess I've mucked something up on it ... now there's a shock