Большая Иконка Категории
Добавляет справа от разделов категории ячейку с иконкой или картинкой.

Автор: Deff
Платформа: MyBB
Аналоги: Большая иконка для категорий (MyBB)

В HTML низ

<script type="text/javascript">
var IMGwidth='135'; //Ширина Ячейки под Картинку
var CategorName = [
//НАЗВАНИЕ КАТЕГОРИИ, ССЫЛКА НА КАРТИНКУ,
'Будущие соревнования','http://savepic.su/507237.gif',
'Информация','http://savepic.su/500894.gif',
"End"]
$("#pun-index .category").each(function (){
for(i=0; i<(CategorName.length-1); i+=2){
var str="<table cellspacing=\"0\"cellpadding=\"0\"style=\"margin:0!important;width:100%;border-collapse:collapse;border:0 none transparent;padding:0!important;\"><tr valign=top><td width="+IMGwidth+" align=center valign=center style=\"padding:4px;\"><img src=\""+CategorName[i+1]+"\" width=\""+IMGwidth+"\"></td><td width=100% style=\"padding:0!important;\">";
var str2="<td style=\"padding:0!important;\"></td></tr></table>"

if($(this).find("h2 span:first").text()==CategorName[i]){
$(this).find(".container").html(str+$(this).find(".container").html()+str2)}
}
});
</script>

Красным Прописываете Ваши точные названия и ссылки на картинки
Строку синим жирным, размножаем для Ваших названий и ссылок, лишние -удаляем
135 - Ширина Картинки (в пикселах) и ячейки отводимой под неё.
Картинки можно ставить как на все категории, так и только на избранные...

---

Реализация через CSS

Автор: Герда
Красное - номер категории по порядку сверху.

Вставляем картинку слева от таблицы категории под названием:

#pun-category2 .container {
background-image: url(http://savepic.su/507237.gif); /*ссылка на картинку*/
background-repeat: no-repeat;
background-position: top left;
}
#pun-category2 .container table {
margin-left: 132px; /*ширина картинки*/
width: auto;
}

Вставляем картинку слева от всей категории:

div#pun-category2 {
background-image: url(http://savepic.su/507237.gif); /*ссылка на картинку*/
background-repeat: no-repeat;
background-position: top left;
}
#pun-category2 h2 {
margin-left: 132px; /*ширина картинки*/
width: auto;
}
#pun-category2 .container {
margin-left: 132px; /*ширина картинки*/
width: auto;
}

Вставляем картинку справа от таблицы категории под названием:

#pun-category2 .container {
background-image: url(http://savepic.su/507237.gif); /*ссылка на картинку*/
background-repeat: no-repeat;
background-position: top right;
}
#pun-category2 .container table {
margin-right: 132px; /*ширина картинки*/
width: auto;
}

Вставляем картинку Справа от всей категории:

div#pun-category2 {
background-image: url(http://savepic.su/507237.gif); /*ссылка на картинку*/
background-repeat: no-repeat;
background-position: top right;
}
#pun-category2 h2 {
margin-right: 132px; /*ширина картинки*/
width: auto;
}
#pun-category2 .container {
margin-right: 132px; /*ширина картинки*/
width: auto;
}