Forum Node and Category Node Read/Unread CSS

[xenTheory]

Piers submitted a new resource:

Forum Node and Category Node Read/Unread CSS - Easy Icon and sub forum Icon read/unread via CSS

What is this?
There are add ons which handle the icons, however it can be annoying to create a different icon for unread areas. This code requires no modifications at all and works will all icons used on your forum.

What does it do?

1) Applies 1.0 opacity (normal) to nodes and sub-nodes which feature unread posts.

2) Applies 0.5 opacity to nodes and sub-nodes which feature read posts, or which have been marked as read.

Does it work with all browsers?

Tested in:...

Read more about this resource...

 

[AndreaMarucci]

Very very good work. This way it's not necessary to have 2 different icons for read/unread, correct?

 

[xenTheory]

Very very good work. This way it's not necessary to have 2 different icons for read/unread, correct?

Absolutely correct. You can just set one icon for the node/sub-node and then let the CSS handle the read/unread opacity. Essentially it's the same as having 2 different icons.

 

[TPerry]

And if you only want to use 1 EXTRA.css entry, you can define the opacity in the ACP -> Style Properties -> Node Icons -> Node Icon Miscellaneous box

opacity: 0.5;

and then just use the

.node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon {
zoom: 1 !important;
opacity: 1.0 !important;
-moz-opacity: 1.0 !important;
-khtml-opacity: 1.0 !important;
filter:alpha(opacity=100) !important;
}

in your EXTRA.css