Resource icon

Forum Node and Category Node Read/Unread CSS

xenTheory

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

xenTheory

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

Tracy Perry

Well-known member
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
Code:
opacity: 0.5;
and then just use the
Code:
.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
 
Top