can't get this to work in 1.0.4 ... copied and pasted exactly and put images into the proper folder
I just had a look at this for someone, For subforums replace .node to .categoryForumNodeInfo, .nodeListHow would you get this to work for subforums?
/* Forum description */
.categoryForumNodeInfo, .nodeList .node_36 .forumNodeInfo .nodeIcon, .node .node_36 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://YOUR-SITE/YOUR-IMAGE.png");
}
.categoryForumNodeInfo, .nodeList .node_36 .forumNodeInfo.unread .nodeIcon, .node .node_36 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://YOUR-SITE/YOUR-IMAGE.png");
}
/* custom status icon for cat 3 triskele_red */
.node .node_3 .forumNodeInfo .nodeIcon, .node .node_3 .categoryForumNodeInfo .nodeIcon {
background-image: url("@imagePath/xenforo/widgets/triskele_red.png");
opacity: 0.4;
}
.node .node_3 .forumNodeInfo.unread .nodeIcon, .node .node_3 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("@imagePath/xenforo/widgets/triskele_red.png");
}
.node .node_4 .forumNodeInfo .nodeIcon, .node .node_4 .categoryForumNodeInfo .nodeIcon {
background-image: url("http://site.com/nodeicons/4.read.png"); position:absolute; left:10px !important;
}
.node .node_4 .forumNodeInfo.unread .nodeIcon, .node .node_4 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("http://site.com/nodeicons/4.unread.png"); position:absolute; left:10px !important;
}
Shelley posted an example in the CSS Sprites threadI have been trying this with 1.1 beta 3, which uses sprites.
Thank you so much, Brett.Shelley posted an example in the CSS Sprites thread
hello I copied the above and three are not showing? how can I fix that?
.node .node_35 .forumNodeInfo .nodeIcon, .node .node_35 .categoryForumNodeInfo .nodeIcon {
background-image: url("img/iconos_foro/mercado.png");
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.node .node_35 .forumNodeInfo.unread .nodeIcon, .node .node_35 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("img/iconos_foro/mercado.png");
}
Why
It happens the same: unread forums dind't show the icon. Why?
I using this code (1.1.0 beta4):
Code:.node .node_35 .forumNodeInfo .nodeIcon, .node .node_35 .categoryForumNodeInfo .nodeIcon { background-image: url("img/iconos_foro/mercado.png"); filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .node .node_35 .forumNodeInfo.unread .nodeIcon, .node .node_35 .categoryForumNodeInfo.unread .nodeIcon { background-image: url("img/iconos_foro/mercado.png"); }
Okay just reading that now xenforo using CSS Sprites , can we confirm this will not work properly ?
Closed at the request of the thread author.
Re-opened at the request of the thread author, as the option is still available to use individual node icons in 1.1.
/* custom status icons */
.node .node_77 .forumNodeInfo .nodeIcon, .node .node_77 .categoryForumNodeInfo .nodeIcon {
background-image: url("Bilder/Cas.jpg");
}
.node .node_77 .forumNodeInfo.unread .nodeIcon, .node .node_77 .categoryForumNodeInfo.unread .nodeIcon {
background-image: url("Bilder/Cas.jpg");
}
We use essential cookies to make this site work, and optional cookies to enhance your experience.