Первый способ: (сложный)

Некоторые часто хотят сделать вместо иконок новых/нет новых/ и т.д. сообщений на главной странице индивидуальные не меняющиеся иконки для каждого подфорума.
Как это  сделать?

Как всегда пишем стандартные теги для кодоав css(Вместо точек будем вставлять коды):

    <style type="text/css">
    .....................
    .....................
    </style>

1. Для начала пишем код:

    #pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: ...; width: ...;}

Вместо троеточий вставляем максимальную высоту и ширину тех иконок, которые будем вставлять для разделов.

2. Далее берем следующий блок:

    tr#forum_fx Div.icon, tr#forum_fx TR.iclosed Div.icon, tr#forum_fx TR.iredirect Div.icon, tr#forum_fx TR.inew Div.icon   {background-color : transparent; background-image: url(http://time.3bb.ru/uploads/time/2_br_redirect.gif);  background-repeat : no-repeat; background-position: top center;}

Размножаем его копипэйстом, столько раз, сколько у нас подфорумов.

3. Теперь идем на главную страницу.

Наводим мышку на первый подфорум.
В строке браузера отразится его адрес.
Например, он может выглядеть вот так:
Картинки для разделов Форума
(Чтобы было понятно - это над Пуском)
Берем ту цифру, которая идет после "=".  В данном случае - 2.

4. В первом блоке ВСЕ X замеянем на это число.
Получаем:

    tr#forum_f2 Div.icon, tr#forum_f2 TR.iclosed Div.icon, tr#forum_f2 TR.iredirect Div.icon, tr#forum_f2 TR.inew Div.icon   {background-color : transparent; background-image: url(http://time.3bb.ru/uploads/time/2_br_redirect.gif);  background-repeat : no-repeat; background-position: top center;}

Вместо троеточия в скобках вставляем адрес иконки для первого раздела.

5.Снова идем на главную:
Наводим мышку на второй раздел. Смотри адрес и берем цифру после =. В следующем блоке ВСЕ X заменяем на это число. В скобках ставим адрес уже для картинки второго раздела. И так до конца.

6. Теперь, чтобы перед темами по-прежнему остались нормальные иконки в зависимости от того, есть ли новые сообщения и т.д.

Пишем:

    Div.icon {
    background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
    background-repeat: no-repeat;
    }

    TR.inew Div.icon {
    background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
    background-repeat: no-repeat;
    }
    TR.isticky Div.icon {
    background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
    background-repeat: no-repeat;
    }

    TR.iclosed Div.icon {
    background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
    background-repeat: no-repeat;
    }
    TR.iredirect Div.icon {
    background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
    background-repeat: no-repeat;
    }

Втoрой способ проще:

    <style type="text/css">
    #pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 40px; width: 40px; background-repeat : no-repeat; background-position: top center; background-color : transparent;}

    tr#forum_f2 div.icon {background-image: url(Ваша ссылка на картинку);  }
    tr#forum_f2 div.inew {background-image: url(Ваша ссылка на картинку);  }</style>

div.icon = обычная иконка
div.inew = иконка  при появлении новых сообщений

tr#forum_f2 =  номер   Раздела  форума   иначе  id форума котрый  высвечивается в Адресной строке браузера когда Вы входите   в раздел форума вот.

Пример: https://help.10bb.ru/viewtopic.php?id=87
Тут  id=87  значит в код нужно вписать   87
40px - высота и ширина иконки

Копируете(размножаете) две части столько сколько у Вас форумов., остальное как обычно.

Способ 3.

<style type="text/css">
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 50; width: 50;}

tr#forum_fN Div.icon, tr#forum_fN.iclosed Div.icon, tr#forum_fN.iredirect Div.icon, tr#forum_fN.inew Div.icon   {background-color : transparent; background-image: url(адрес картинки-иконки для данного раздела, т.е. форума);  background-repeat : no-repeat; background-position: top center;}

Div.icon {
background-image : url(адрес иконки темы без новых сообщений);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(адрес иконки темы с новыми сообщениями);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(адрес иконки выделенной темы);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(адрес иконки закрытой темы);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(адрес иконки перемещенной темы (кстати, нифига не пашет));
background-repeat: no-repeat;
}
</style>

там где N - это номер форума, для которого на главной странице форуме будет своя иконка, эти строчки копируются столько раз, скольким форумам надо назначить свою, уникальную картинку, и меняется номер форума. Если какому-то форуму не назначить картинку, у него будет отображаться иконка "тема с новыми сообщениями" или "тема со старыми сообщениями".

Если что-то не получается, пишите.