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

это для того чтобы текст убрать

Код:
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Welcome", "http://s5.uploads.ru/hSTGm.png",    пишешь названия своих категорий так как они обозначены в разделе "категории"
"Conference room", "http://s5.uploads.ru/pmdKf.png",
"Сorrectional school", "http://s4.uploads.ru/wcvEk.png",
"London", "http://s5.uploads.ru/Z9XlB.png",
"London's suburb", "http://s4.uploads.ru/Qd9VS.png",
"Personal things", "http://s4.uploads.ru/tnSyB.png",
"Episodes", "http://s5.uploads.ru/9I3qK.png",
"Let's talk", "http://s5.uploads.ru/k4CaG.png",
"Your creativity", "http://s4.uploads.ru/bU4nh.png",
"PR", "http://s4.uploads.ru/uAFzT.png",
"Archive", "http://s4.uploads.ru/SPG68.png",
"Статистика форума", "http://s5.uploads.ru/ZsgVc.png"    //Последний элемент без запятой!  
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"103px",
  "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 низ