<style type="text/css">
.category h2 span{
display: none;
}

#pun-category1 h2 {
height: 81px; 
background-image: url(Адрес изображения для первой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category2 h2 {
height: 81px; 
background-image: url(Адрес изображения для второй категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category3 h2 {
height: 81px; 
background-image: url(Адрес изображения для третьей категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category4 h2 {
height: 81px; 
background-image: url(Адрес изображения для четвёртой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category5 h2 {
height: 81px; 
background-image: url(Адрес изображения для пятой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category6 h2 {
height: 81px; 
background-image: url(Адрес изображения для шестой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category7 h2 {
height: 81px; 
background-image: url(Адрес изображения для седьмой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}

#pun-category8 h2 {
height: 81px; 
background-image: url(Адрес изображения для восьмой категории) !important; 
background-repeat: no-repeat;  
background-position: top center;
}
</style>

<style type="text/css">
#pun {
background: url(Адрес изображения) repeat-y top center;
}

#pun-title, .punbb .main .container, .punbb td.tc3, .punbb .section .container, .punbb .section .formal .container, .punbb .formal fieldset, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .post-body, .post-box, .punbb .post-links, .punbb .info-box, .punbb #pun-main .info-box .legend, #pun-ulinks .container, .punbb .post .container, .punbb .post h3, .punbb .post h3 span, .punbb td.tc2, .punbb td.tcr, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select, .punbb input, .punbb th, #pun-stats div.statscon, #pun-crumbs2 .container, #pun-about .container, #pun-stats h2, .punbb .main h1, .punbb .main h2 {
background: transparent none !important;
}

* {
border-style: none !important;
}
</style>

<script type="text/javascript">
var cat; var i; var array; var j;
if (document.URL.lastIndexOf("/") != -1) {
array = new Array();
array[0] = new Array("Test", "Категория предназначена для тестовых испытаний. Скрыта от обычных пользователей и гостей.");
array[1] = new Array("Тестовая категория", "Категория для испытаний различного рода скриптов и кодов обычными пользователями.");
array[2] = new Array("Основное", "Основная категория форума.");
cat = document.getElementById("pun-main").getElementsByTagName("h2");
for (i in cat) {
for (j in array) {
if (cat[i].innerHTML.indexOf(array[j][0]) != -1)
cat[i].title = array[j][1];
}}}
</script>

<style type="text/css">
#button-spoiler {background-image:url('http://forumupload.ru/uploads/0000/12/13/488-1.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
</style>
<script>
function addSpoiler(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[spoiler]",from))==-1) return str;
if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str;
newpos=str.indexOf("[spoiler]",pos+9)
if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true)
if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str;
str=str.substring(0,pos)+makeSpoiler(str.substring(pos+9,pos2))+str.substring(pos2+10,str.length)
if( str.indexOf("[spoiler]")!=-1 && internal==false) str=addSpoiler(str,0,false)
return str}

function makeSpoiler(txt){
txt='<div class="quote-box" style="padding:1px; background: none; border-style: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -khtml-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; box-shadow: 0 0 0 !important; -webkit-box-shadow: 0 0 0 !important; -khtml-box-shadow: 0 0 0 !important; -moz-box-shadow: 0 0 0 !important;"><cite style="width:100%;margin:0;"><input class="spoiler-button" style="width:140px;font-size:10px; margin:0;" type="button" value="Показать cпойлер"></cite><blockquote class="quote-box" style="display:none; width: 80%;border: 1px solid black;margin:0;">'+txt+'</blockquote></div>'
return txt}

$(document).ready(function(){
	$("div.quote-box > cite > input.spoiler-button").click(function(){
$(this).parents("div.quote-box:first").find("blockquote.quote-box:first").toggle("normal");
if($(this).attr('value')=='Показать cпойлер'){$(this).attr('value','Скрыть спойлер')}else{$(this).attr('value','Показать cпойлер')}
	});
});

if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)}}
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(19).innerHTML="<img  id=\"button-spoiler\" title=\"Спойлер\" onclick=\"bbcode('[spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />"
</script>

<style type="text/css">
* .button,  .spoiler-button {
background-color: #abc !important;
border: 1px solid #000 !important;
}
</style>