Замена на картинку названий форумов с возможностью анимации при наведении
http://s2.uploads.ru/UOA0Z.png

Автор: Deff
Платформа: MyBB

В HTML низ

<!-- Замена на картинку названий форумов c анимацией при наведении -->
    <script type="text/javascript">
    var Flist=$("#pun-index .category tr[id^='forum_f']").find(".tclcon h3");
    var ForImgArr=[

    // Ccылка на форум,     //Ссылка на картинку Плюс [+] возможная ссылка на картинку при наведении (может и отсутствовать вместе с плюсом в квадратных скобках!.

    '/viewforum.php?id=52',   'http://uploads.ru/i/r/x/C/rxCpN.png[+]http://uploads.ru/i/9/F/g/9FgQh.gif',
    '/viewforum.php?id=53',   'http://s3.uploads.ru/00eCu.png[+]http://uploads.ru/i/9/F/g/9FgQh.gif',
    '/viewforum.php?id=32',   'http://uploads.ru/i/r/x/C/rxCpN.png[+]http://uploads.ru/i/9/F/g/9FgQh.gif',
    'http://rusmnb.ru/index.php?board=10.0',   'http://uploads.ru/i/9/F/g/9FgQh.gif',

    'End']

    for(var i=0; i<ForImgArr.length-1; i+=2){
      var imgN = ForImgArr[i+1].split('[+]');//alert(i+'\n'+imgN[1]);
      if(imgN[1]){imgN[1]='<img class="ForumImg a2" src="'+imgN[1]+'"  style="position:absolute;z-index:-1"/>'}else imgN[1]='';
      Flist.find("a[href$='"+ForImgArr[i]+"']").html(imgN[1]+'<img class="ForumImg a1" src="'+imgN[0]+'"/>');
    }

    Flist.find(".ForumImg.a2").css({
           "opacity": "0",
           "z-index":"1"
         })
    Flist.find(".ForumImg.a2").mouseenter(function(){
          $(this).stop().animate({"opacity":1}, 700);;
        }).mouseleave(function(){
          $(this).stop().animate({"opacity":0}, 700);;
        });
    </script><!--End// Замена на картинку названий форумов c анимацией при наведении -->

Синим - Ваши ссылки
1-я ссылка - на соответствующий форум
2-я - на картинку замены надписи

для возможности анимации при наведении можно приплюсовать третью ссылку (на картинку) [+]http://uploads.ru/i/9/F/g/9FgQh.gif