Этот скрипт заменяет в категориях слова на картинки, при этом, каждая картинка крепится к указанной категории. Очень полезен, если у вас есть скрытые категории для некоторых групп пользователей.

"ТОЧНОЕ НАЗВАНИЕ КАТЕГОРИИ (ТО НАЗВАНИЕ, КОТОРОЕ СТОИТ У ВАС: АДМИНИСТРИРОВАНИЕ-КАТЕГОРИИ)", "ССЫЛКА НА КАРТИНКУ",
    - дублируете столько раз, сколько у вас категорий.

    Последняя категория должна быть без запятой в конце:
    "НАЗВАНИЕ КАТЕГОРИИ", "ССЫЛКА НА КАРТИНКУ"

    "height":"111px", - высота категории. ставите свою.

    ставить в html низ!

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

    myarray=new Array(
    "ТОЧНОЕ НАЗВАНИЕ КАТЕГОРИИ (ТО НАЗВАНИЕ, КОТОРОЕ СТОИТ У ВАС: АДМИНИСТРИРОВАНИЕ-КАТЕГОРИИ)", "ССЫЛКА НА КАРТИНКУ",
    "ТОЧНОЕ НАЗВАНИЕ КАТЕГОРИИ", "ССЫЛКА НА КАРТИНКУ",
    "ТОЧНОЕ НАЗВАНИЕ КАТЕГОРИИ", "ССЫЛКА НА КАРТИНКУ",
    "ТОЧНОЕ НАЗВАНИЕ КАТЕГОРИИ", "ССЫЛКА НА КАРТИНКУ",
    "ТОЧНОЕ НАЗВАНИЕ КАТЕГОРИИ", "ССЫЛКА НА КАРТИНКУ"
    )
           $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
    for(q=0;q<myarray.length;q++){

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