верх
Код:
<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {margin:6px 3px;}
div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/57844.js"></script>

<!-- HTML верх - Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<style>img.post-img-Sp {
  margin:1px;
  padding:2px;
  border:transparent 1px dashed;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    border-radius:4px;
}
img.post-img-Sp.active {
    border:#645850 1px dashed;
    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
    -ms-box-shadow:0px 5px 18px #000;
    box-shadow: 0px 5px 18px #000;
}
</style>












































<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style><style type="text/css">
/* Настройки объявления */
#pun-announcement .container {margin-top: -220px; z-index: 1020; margin-left: 22px;}

/* Пикча на бэкграунде слайдера */
#announ_type {
  width: 698px;
  height: 283px;
  padding-top: 55px;
  background: transparent url(http://s3.uploads.ru/HRbaG.png) 0 0 no-repeat;
  }

/* Блоки с прокруткой */
.news_blk {
  width: 240px;
  height: 190px;
  overflow-y: auto;
  margin: 10px 0 0 160px!important;
  }

/* Заголовки */
#announ_type h3 {
  margin: 0 0 6px 0;
  font: bold italic 15px 'Palatino Linotype', serif;
  letter-spacing: 1px;
  }

/* Ссылки с переменным фоном */
.nav {width: 120px;}

.nav a {
  display: block;
  font-size: 10px;
  color: #000;
  background-color: #A96;
  text-align: center;
  width: 120px;
  padding: 2px 0;
  margin-top: 1px;
  text-decoration: none;
  border-left: 4px solid #431C12;
  }

.nav a:hover {
  color: black;
  background-color: transparent;
  text-decoration: none;
  border-left: 4px solid #A96;
  }
</style>

<!-- Настройки слайдера -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/78275.js"></script>









<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"1", "http://s1.uploads.ru/ivsCj.png",
"2", "http://s1.uploads.ru/ackdS.png",
"3", "http://s1.uploads.ru/gSlbj.png",
"4", "http://s1.uploads.ru/7Ai9E.png",
"5", "http://s1.uploads.ru/vNuMk.png",
"6", "http://s1.uploads.ru/6h8bk.png",
"7", "http://s1.uploads.ru/1aLhe.png",
"8", "http://s1.uploads.ru/L4bXP.png",
"9", "http://s1.uploads.ru/HviFL.png",
"Статистика форума", "Статика"   //Последний элемент без запятой!  
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"120px",
  "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>
#pun-navlinks #navawards{display:none;}
</style>

<style>
#pun-ulinks .container{position: absolute; z-index: auto; top:560px; width: 90%;}
</style>

<style>
#pun-navlinks .container { text-align: center; position: absolute;background-color: transpanent;
z-index: 1000px;
top:480px;
left:120px}
</style>



<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 200px; top:400px;
}
</style>
низ
Код:
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 1	// 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0	// 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
// 1 кнопка - ссылка на Картинку
//В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
"http://www.x-lines.ru/icp/jkW05/fce5b6/0/14/EPELEAEYEEERP.png[Пользователь]",
"pa-reg",        //Зарегистрирован
"pa-from",       //Откуда
"pa-invites", //Приглашений
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-ip",         //IP Юзера
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"http://www.x-lines.ru/icp/jkW05/fce5b6/0/14/EPEREOEFEIELEE.png[Персонаж]",
"pa-fld1",       //Доп.Поле.1
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3 
// 3 кнопка- ссылка на Картинку
"http://www.x-lines.ru/icp/jkW05/fce5b6/0/14/EAERETEEEFEAECET.png[Артефакты]",
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
"pa-fld6",       //Доп.Поле.6
//"award",      //Награды(только для rusff и ork)
//"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->




















































<script>
<!--
indexof="<img src='http://s1.uploads.ru/ArRDU.png' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
userof="<img src='http://s1.uploads.ru/YHbyE.png' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
findof="<img src='http://s1.uploads.ru/6t0pR.png' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
faseof="<img src='http://s1.uploads.ru/G1uys.png' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='http://s1.uploads.ru/iImDp.png' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='http://s1.uploads.ru/woYp9.png' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='http://s1.uploads.ru/ALRvx.png' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='http://s1.uploads.ru/Uf3HT.png' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='http://s1.uploads.ru/hTSKD.png' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1)
-->
</script>






    
        <script type="text/javascript"><!--Пиар-вход" -->
        PiarNik="Вестник";
        PiarPas="1234";

        var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
        <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
        <fieldset>\
        <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
        <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
        <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
        <input type=\"submit\" class=\"button\" name=\"login\"/>\
        </fieldset>\
        </form>\
        </div>\
        <span id=spMyimg><img class=\"Myimge\"  title=\"'\" onclick=\"PiarIn()\" src=\"http://s1.uploads.ru/bdO87.png\" onmouseover=\"this.src='http://s1.uploads.ru/bdO87.png' \" onmouseout=\"http://s1.uploads.ru/bdO87.png'\" /></span>";
        if($("#navlogin").html()!=null){

        $("#navlogin").append(L) //navlogin
        $("#PR_loginDiv #fld1").val(PiarNik)
        $("#PR_loginDiv #fld2").val(PiarPas)
        function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
        }
        </script>

<!-- cтрелочки -вверх вниз страницы -->
<div style="position:fixed; right
:1%; bottom: 20%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s2.uploads.ru/zHvPm.png" alt="Вверх страницы" ></a><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img style="margin-top: 10px;" src="http://s2.uploads.ru/2vYpQ.png" alt="Вниз страницы" ></a>
</div><!--конец cтрелочки -->

----

<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>






<style>
/****************************************************************/
/*CSS  МЕДАЛЬКИ В ПРОФИЛЬ(ТОПИК) */
/****************************************************************/
span.tooltip4:hover span { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url(http://savepic.org/1942239.png);
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-left-radius: 17px;
border-bottom-right-radius: 17px;
border-top-left-radius: 17px;
border-top-right-radius: 17px;
box-shadow: 0px 5px 15px;
color: #000000;
display: inline;
position: absolute;
}
span.tooltip4 span {
background-attachment: scroll;
display: none;
margin-left: -25px;
margin-top: -45px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 6px;
width: auto;
}
.awards {
cursor:pointer;
cursor:hand;
margin:2px;
}
img.Flug {
cursor:pointer;
cursor:hand;
float:left;
margin: -4px 0 -31px -21px;
}
</style>
<div id=Myawrd style="display:none;">
<!--
=================================================
//НОМЕР НАГРАДЫ    // ЗА ЧТО    // CCЫЛКА НА КАРТИНКУ
//=================================================-->
<p>1,Огненный элементаль,http://www.tizio.ru/icos/1476.png</p>
<p>2,Свиток телепорта,http://www.tizio.ru/icos/1424.png</p>
<p>3,Огненный дождь,http://www.tizio.ru/icos/5065.png</p>
<p>4,Зелье восстановления,http://www.tizio.ru/pm/092.png</p>
<p>5,За доблестный Труд,http://savepic.org/1956808.gif</p>
</div>
<script type="text/javascript">
var NumPole=4; //Номер доп поля c наградками;
var listMedal=[]; 
$("#Myawrd p").each(function(j){
listMedal[j]=[];listMedal[j]=$(this).html().split(',')});
var NamFld = '.pa-fld'+NumPole; 
var FlugIm= '<img width=51 class=Flug src="http://savepic.org/1911734.png" />'; 
var awSTrt = '<span class=tooltip4><img width="23" class=awards src="'; 
$("div.post-author "+ NamFld).each(function () {
if($(this).html()!=null){ 
    var L = $(this).html().replace(/^.+:(?:[\s]|<br>)/ig,'') 
    var L0=$(this).html().replace(/^(.+:)[\s\S]*$/igm,'$1')+'<br>';$(this).html(L0) 
    var Thisaw = L.split(',');
for (j=0; j< Thisaw.length; j++){
     Dp='';var x=Thisaw[j];x=x.replace(/(\d+)#.+$/img,'$1');Dp=(Thisaw[j].replace(x,'')).replace(/^#/i,'');
      for (i=0; i< listMedal.length-1; i++){ //alert(Thisaw[j]+","+listMedal[i][0]) 
       if(x==listMedal[i][0]){L=awSTrt+listMedal[i][2]+'"><span>'+listMedal[i][1]+' '+Dp+'<br>'+FlugIm+'</span></span>'; 
    $(this).append(L);break;} 
      } 
};} 
});
</script>