Мое ИМХО - делать такое к каждому подфоруму - непозволительная роскошь и все виснет, но выглядит весьма и весьма эффектно. Если, конечно, грамотно использовать.
Итак, код. Очень простой, главное - не пихать тяжелые иконки, и все будет ок.
<style type="text/css">
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 45px; width: 45px; background-repeat : no-repeat; background-position: top center; background-color : transparent;}tr#forum_f1 div.icon {background-image: url(ссылка_на_иконку_онлайн); }
tr#forum_f1 div.inew {background-image: url(ссылка_на_иконку_оффлайн); }tr#forum_f2 div.icon {background-image: url(ссылка_на_иконку_онлайн); }
tr#forum_f2 div.inew {background-image: url(ссылка_на_иконку_оффлайн); }</style>
Если кто не знает, это высота и ширина иконок.
Если так хотите вставить какой-либо фон под иконку, меняйте отмеченный этим цветом transparent на #цвет.
Категория номер один и ее иконки.
Категория номер два.
При желании, можно размножать все эти категории, главное - подставлять нужные цифры.