Hi , how can I change icon for some child channels?
Thanks
Thanks
Welcome to the vBulletin support forums! In our community forums you can receive professional support and assistance with any issues you might have with your vBulletin Products.
Useful Links for Guests:
If you are having problems posting in the relevant areas for your software, please see this topic.
/* forum icon for forums with old posts (default) */ #forum61 .cell-forum .icon { background: transparent url("http://republicamd.com/flags/usd.png") no-repeat; } /* forum icon for forums with new posts */ #forum61 .cell-forum .icon { background: transparent url("flags/usd.png") no-repeat; width: 16px; /* icon width */ height: 11px; /* icon height */
.forum-list-container .subforum-list .subforum-item .icon { background: transparent url("path/to/icon.png") no-repeat; width: 10px; height: 11px; }
.forum-list-container .subforum-list .subforum-item[COLOR=#FF0000][data-channel-id="xxxxx"][/COLOR] .icon { background: transparent url('path/to/icon.png') no-repeat; }
.forum-list-container .subforum-list .subforum-item[COLOR=#FF0000][data-channel-id="xxxxx"][/COLOR] .icon[COLOR=#FF0000].new[/COLOR] { background: transparent url('path/to/icon.png') no-repeat; }
.forum-list-container .subforum-list .subforum-item[COLOR=#FF0000][data-channel-id="xxxxx"][/COLOR] .icon { background: transparent url('path/to/icon.png') no-repeat; }
.forum-list-container .subforum-list .subforum-item[COLOR=#FF0000][data-channel-id="xxxxx"][/COLOR] .icon[COLOR=#FF0000].new[/COLOR] { background: transparent url('path/to/icon.png') no-repeat; }
[COLOR=#008000]/* Add this to remove grayscale for subforums with new posts. Add this only once */[/COLOR] .forum-list-container .subforum-list .subforum-item .icon.new, .forum-list-container .forum-item.sub.new .cell-forum .icon { -webkit-filter: grayscale(0) !important; filter: grayscale(0) !important; } /* [COLOR=#008000]Do these for [B][I]every[/I] [/B]subforum specifying appropriate image path and nodeid ([/COLOR][COLOR=#FF0000]29[/COLOR][COLOR=#008000] is used in this sample) */[/COLOR] .forum-list-container .subforum-list .subforum-item[data-channel-id="[COLOR=#FF0000]29[/COLOR]"] .icon, #forum[COLOR=#FF0000]29[/COLOR].sub .cell-forum .icon { background: transparent url('/flags/Flag_of_Switzerland.svg.png') no-repeat; width: 16px; height: 11px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
[COLOR=#008000]/* Add this to remove grayscale for subforums with new posts. Add this only once */[/COLOR] .forum-list-container .subforum-list .subforum-item .icon.new, .forum-list-container .forum-item.sub.new .cell-forum .icon { -webkit-filter: grayscale(0) !important; filter: grayscale(0) !important; } /* [COLOR=#008000]Do these for [B][I]every[/I] [/B]subforum specifying appropriate image path and nodeid ([/COLOR][COLOR=#FF0000]29[/COLOR][COLOR=#008000] is used in this sample) */[/COLOR] .forum-list-container .subforum-list .subforum-item[data-channel-id="[COLOR=#FF0000]29[/COLOR]"] .icon, #forum[COLOR=#FF0000]29[/COLOR].sub .cell-forum .icon { background: transparent url('/flags/Flag_of_Switzerland.svg.png') no-repeat; width: 16px; height: 11px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
[COLOR=#008000]/* Add this block only once */[/COLOR] .forum-list-container .subforum-list .subforum-item .icon.new, .forum-list-container .forum-item.sub.new .cell-forum .icon { -webkit-filter: grayscale(0); filter: grayscale(0); } .forum-list-container .subforum-list .subforum-item .icon, .forum-list-container .forum-item.sub .cell-forum .icon { width: 16px; height: 11px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } [COLOR=#008000]/* Repeat this block for [I][B]every [/B][/I]subforum specifying appropriate image path and nodeid ([/COLOR][COLOR=#FF0000]29[/COLOR][COLOR=#008000] is used in this sample) */[/COLOR] .forum-list-container .subforum-list .subforum-item[data-channel-id="[COLOR=#FF0000]29[/COLOR]"] .icon, #forum[COLOR=#FF0000]29[/COLOR].sub .cell-forum .icon { background-image: url('/flags/[COLOR=#FF0000]Flag_of_Switzerland.svg.png[/COLOR]'); }
[COLOR=#008000]/* Add this block only once */[/COLOR] .forum-list-container .subforum-list .subforum-item .icon.new, .forum-list-container .forum-item.sub.new .cell-forum .icon { -webkit-filter: grayscale(0); filter: grayscale(0); } .forum-list-container .subforum-list .subforum-item .icon, .forum-list-container .forum-item.sub .cell-forum .icon { width: 16px; height: 11px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } [COLOR=#008000]/* Repeat this block for [I][B]every [/B][/I]subforum specifying appropriate image path and nodeid ([/COLOR][COLOR=#FF0000]29[/COLOR][COLOR=#008000] is used in this sample) */[/COLOR] .forum-list-container .subforum-list .subforum-item[data-channel-id="[COLOR=#FF0000]29[/COLOR]"] .icon, #forum[COLOR=#FF0000]29[/COLOR].sub .cell-forum .icon { background-image: url('/flags/[COLOR=#FF0000]Flag_of_Switzerland.svg.png[/COLOR]'); }
[COLOR=#008000]/* Repeat this block for [I][B]every [/B][/I]subforum specifying appropriate image path and nodeid ([/COLOR][COLOR=#FF0000]29[/COLOR][COLOR=#008000] is used in this sample) */[/COLOR] .forum-list-container .subforum-list .subforum-item[data-channel-id="[COLOR=#FF0000]29[/COLOR]"] .icon, #forum[COLOR=#FF0000]29[/COLOR].sub .cell-forum .icon { background-image: url('/flags/[COLOR=#FF0000]Flag_of_Switzerland.svg.png[/COLOR]'); }
[COLOR=#008000]/* Repeat this block for [I][B]every [/B][/I]subforum specifying appropriate image path and nodeid ([/COLOR][COLOR=#FF0000]29[/COLOR][COLOR=#008000] is used in this sample) */[/COLOR] .forum-list-container .subforum-list .subforum-item[data-channel-id="[COLOR=#FF0000]29[/COLOR]"] .icon, #forum[COLOR=#FF0000]29[/COLOR].sub .cell-forum .icon { background-image: url('/flags/[COLOR=#FF0000]Flag_of_Switzerland.svg.png[/COLOR]'); }
/* Add this block only once */ .forum-list-container .subforum-list .subforum-item .icon.new, .forum-list-container .forum-item.sub.new .cell-forum .icon { -webkit-filter: grayscale(0); filter: grayscale(0); } .forum-list-container .subforum-list .subforum-item .icon, .forum-list-container .forum-item.sub .cell-forum .icon { width: 16px; height: 11px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } /* Repeat this block for every subforum specifying appropriate image path and nodeid (29 is used in this sample) */ .forum-list-container .subforum-list .subforum-item[data-channel-id="29"] .icon, #forum29.sub .cell-forum .icon { background-image: url('/flags/Flag_of_Switzerland.svg.png'); width: 16px; /* icon width */ height: 11px; /* icon height */ }
background-image: url('/flags/Flag_of_Switzerland.svg.png');
background: url('/flags/Flag_of_Switzerland.svg.png');
/* icon for forum
Comment