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

Forum Node and Category Node Read/Unread CSS

#1
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...
 

Tracy Perry

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