В начало хтмл-низ
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){myarray=new Array(
"Информационный раздел", "http://mybb.ru/f/collection/0208.gif",
"Техническая поддержка", "http://mybb.ru/f/collection/0211.gif",
"Форумы опытных пользователей", "http://mybb.ru/f/collection/0213.gif",
"Разное", "http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif",
"Статистика форума", "http://mybb.ru/f/collection/0217.gif" //Последний элемент без запятой!
)$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){var cssObj = {
"height":"50px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"50% 50%",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>
Пояснения:
Синим - названия категорий( статистика тоже там, - если нужна
Красным - адрес устанавливаемой картинки
50px розовым - значение высоты картинки - установите своё значение;
Строку:
"Название Категории", "Ссылка на картинку",
- Размножаем сколько нужно(лишние строки - убираем), -вставляем свои названия и адреса изображений
PS: Последний элемент в массиве(в данном примере > "Статистика форума") -на конце без запятой!
PPS: Скрипт должен разрешать проблему смещения картинок в иные разделы, при скрытии части разделов для определенных групп