;;

ggg

<script><!--Свои картинки в панель навигации со сменой картинки по наведению курсора" -->
   navlinks=new Array(
   "navindex",    // Форум
"http://s9.uploads.ru/acuHp.png","http://s8.uploads.ru/dVWGE.png",
  "navuserlist", // Участники
"http://s8.uploads.ru/pcWwu.png","http://s9.uploads.ru/DPpZS.png",
  "navsearch",    // Поиск
"http://s9.uploads.ru/fZxMR.png","http://s8.uploads.ru/A0tcv.png",
  "navprofile",    // Профиль
"http://s8.uploads.ru/cCDRK.png","http://s9.uploads.ru/etJQP.png",
  "navpm",    // Сообщения
"http://s9.uploads.ru/zC1sg.png","http://s9.uploads.ru/awi9t.png",
  "navadmin",    // Администрирование
"http://s9.uploads.ru/06unm.png","http://s8.uploads.ru/mjBQC.png",
  "navregister", // Регистрация
"http://s8.uploads.ru/7BHGh.png","http://s9.uploads.ru/DFtiH.png",
  "navlogin",    // Войти
"http://s9.uploads.ru/MhoQ8.png","http://s8.uploads.ru/x5pho.png",
  "navlogout",    // Выход
"http://s8.uploads.ru/a7k2z.png","http://s8.uploads.ru/P73mF.png"  // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script>

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Организация", "http://s9.uploads.ru/pUjFu.png",
"Игровой форум", "http://s9.uploads.ru/z4FVk.png",
"Эпилог", "http://s8.uploads.ru/6Quoe.png",
"Флуд", "http://s9.uploads.ru/emFhz.png",
"Пиар", "http://s9.uploads.ru/WhNuG.png",
"Администраторская", "http://s9.uploads.ru/QrVe4.png",
"Статистика форума", "http://s9.uploads.ru/ZaE6H.png"
//Последний элемент без запятой!   
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
   "height":"115px",
   "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>

;;;

<style type="text/css">
<!--
#slideshow {
margin:0 auto;
width:300px;
height:120px;
background:transparent no-repeat 0 0;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:260px;
  height:120px;
  overflow:auto; /* поддержка прокрутки */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:240px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  height:120px;
}
.control {
  display:block;
  width:18px;
  height:120px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url("http://s7.uploads.ru/J6xKS.png") no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url("http://s6.uploads.ru/RfFJb.png") no-repeat 0 0;
}
.slide h2, .slide p {
  margin:15px;
}
.slide img {
  float:center;
  margin:0 15px;
}
-->
</style>

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].getElementsByClassName('pa-online')[0].innerHTML = "<img src='http://s6.uploads.ru/dWb3c.jpg' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1)){
we[x].innerHTML=we[x].innerHTML+"<img src='http://s3.uploads.ru/k328R.jpg' style='margin-left: -105px;margin-top: -58px;position: absolute;' />"}}
</script>