Автор: Deff
Чем удобен? Идеально заменяются категории. Заменяются не по позиции, а по названию
Пояснение:
Синим - названия категорий( статистика тоже там, - если нужна
Красным - адрес устанавливаемой картинки
100px розовым - значение высоты картинки - установите своё значение.
Примечание: Название категории доджно быть ТОЧНО ТАКИМ ЖЕ, как у вас написано в админке. Со всеми знаками)
В идеале я бы прописал в админке 1,2,3,4 и тд и не парился хд

Показать|Скрыть

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){

myarray=new Array(
"О нас", "http://i011.radikal.ru/1202/c2/271441889b32.png",
"Организация", "http://i069.radikal.ru/1202/78/e6bdc3db80c0.png",
"В игре", "http://i051.radikal.ru/1202/d3/c08fd9d19025.png" //Последний элемент без запятой!   
)

        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){

var cssObj = {
   "height":"100px",
   "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>

Кому надо скрыть  название категории шрифтом > в HTML верх ставим такой код

<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

#pun-stats h2 span - это для того, чтобы скрыть текстовое название СТАТИСТИКИ.