Note: On the latest versions of vBulletin, you can upload Channel Icons within the AdminCP using the Channel Manager.
big thanks to Glenn Vergara for this code...now we dont need to wait for a custom sprite editor to get larger and better forum icons!
wanted to start this in a clean topic because this is a pretty exciting customization ability we were kinda bummed to have to wait for and i think alot of people will like this. goes in css_additional.css..
works with responsive!
he has even put instructions into the code so you know how to adjust the spacing for your icon...so easy!
Code:
/* start custom forum icons */ /* Forums */ .forum-list-container .forum-item .cell-forum .icon { background: transparent url("http://www.your_imagelink1.com") no-repeat; /* forum icon for forums with old posts */ width: 40px; /* icon width */ height: 42px; /* icon height */ } .forum-list-container .forum-item.new .cell-forum .icon { background: transparent url("http://www.your_imagelink2.com") no-repeat; /* forum icon for forums with new posts */ width: 40px; /* icon width */ height: 42px; /* icon height */ } .forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info { padding-{vb:stylevar left}: 48px; /* icon width + 8 */ } .forum-list-container .forum-item .cell-forum .forum-desc { margin-{vb:stylevar left}: 48px; /* icon width + 8 */ margin-top: -25px; /* 17 - icon height */ } /* Sub Forums */ .forum-list-container .subforum-list > td { padding-{vb:stylevar left}: 53px; /* icon width + 13 */ } /* Responsive */ @media only screen and (max-width: 768px) { .forum-list-container .forum-item .cell-forum .forum-desc { margin-{vb:stylevar left}: 48px; /* icon width + 8 */ } .forum-list-container .subforum-list > td { padding-{vb:stylevar left}: 73px; /* icon width + 33 */ } } /* end custom forum icons */

Comment