<!-- спойлер -->
<style type="text/css"> 
.punbb .quote-box.spoiler-box {
background-color:#fff;
border:dotted 1px #d0b857;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:10px 5px 14px 10px;
}
.punbb .spoiler-box blockquotes {
min-width:100%;
}
#button-spoiler {
background:url('http://forumstatic.ru/files/0013/0b/24/10341.png') no-repeat center !important;
}
.post-content .spoiler-box > blockquotes.visible,.post-content .spoiler-box span.hide {
display:none;
}
</style>
<script type="text/javascript">
function tag_spolierr(){
var enterTITLE = prompt("Введите описание закрытой кнопки", 'Спойлер');
var enterTITLE2 = prompt("Введите описание открытой кнопки", 'Закрыть');
bbcode('[spoiler='+enterTITLE+'|'+enterTITLE2+']','[/spoiler]');
}
var image_Spl="<img width=\"34\" src=\"http://forumstatic.ru/files/0013/0b/24/80208.png\" class=\"Sp-button\" onclick=\"$(this).parents('div.spoiler').children('div.show-hide').toggle('slow'),$(this).parents('div.spoiler').find('span.show-hide').toggle()\" onmousedown=\"this.src='http://forumstatic.ru/files/0013/0b/24/80208.png'\" onmouseup=\"this.src='http://s5.uploads.ru/IlOJu.png'\" onmouseout=\"this.src='http://forumstatic.ru/files/0013/0b/24/80208.png'\" style=\"margin:-8px 6px 0 -28px;float:left;\" alt=\"'Кнопка'\"/>";
$(document).ready(function() {a='<img onclick="tag_spolierr()" title="Скрыть в спойлер" src="/i/blank.gif"/>'
$("#form-buttons td#button-spoiler img").replaceWith(a);
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() {
  $(this).html($(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>'))
  $(this).prepend(image_Spl)
});
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){
  $(this).next('blockquotes').toggle('Slow');
  $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
 });
});
</script>
<!-- окончание спойлера-->

<style type="text/css">
.punbb .post-content .quote-box {
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:10px 0 10px 5px;
}

.punbb .quote-box p {
font-size:16px;
line-height:18px;
color:#504536;
font-family:Georgia;
font-style:italic;
}

.punbb .quote-box blockquote {
margin-top:5px;
margin-left:6px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #B38000;
background-color:#FCFCCE;
max-width:91%;
position:relative;
padding:13px 20px 0 22px;
}

.punbb .quote-box blockquote:before {
content:'';
background:url(http://s6.uploads.ru/4aiNC.png) top left no-repeat transparent;
position:absolute;
width:15px;
height:13px;
top:17px;
left:3px;
}

.punbb .quote-box blockquote:after {
content:'';
position:absolute;
z-index:100;
background:url(http://s7.uploads.ru/4gLWP.png) top left no-repeat transparent;
width:15px;
height:13px;
right:4px;
bottom:4px;
}

.punbb .quote-box cite {
font-style:normal;
font-weight:700;
display:block;
font-size:13px;
color:#fff;
background:url(http://s6.uploads.ru/EQn1i.png) top left repeat-x transparent;
height:32px;
line-height:24px;
position:absolute;
z-index:100;
top:0;
text-shadow:#000 2px 2px;
left:13px;
}

.punbb .quote-box cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(http://s7.uploads.ru/CWe76.png) no-repeat 0 0 transparent;
width:31px;
height:38px!important;
left:-13px;
top:0;
}

.punbb .quote-box cite:after {
content:'';
background:url(http://s6.uploads.ru/j0Qm3.png) no-repeat 0 0 transparent;
position:absolute;
right:-10px;
width:10px;
height:32px;
}
</style>

<!--Скрипт хтмл-спойлера-->
    <script language="JavaScript" type="text/javascript">
    function openClose(id)
    {
    var obj = "";

    // Check browser compatibility
    if(document.getElementById)
    obj = document.getElementById(id).style;
    else if(document.all)
    obj = document.all[id];
    else if(document.layers)
    obj = document.layers[id];
    else
    return 1;

    // Do the magic [img]http://uploads.ru/i/K/Z/U/KZUwI.gif[/img]
    if(obj.display == "")
    obj.display = "none";
    else if(obj.display != "none")
    obj.display = "none";
    else
    obj.display = "block";
    }
    </script>
    <!--/Скрипт хтмл-спойлера-->

<!--Шапка спойлера-->
    <div class="spoilertop" onClick="openClose('1')">
    сюда то, что будет отображаться когда спойлер закрыт (можно картинку в обычном хтмл-е)
    </div>
    <!--Содержание спойлера-->
    <div class="spoilerbox" id="1" style="display:none;">
    сюда то, что под спойлером
    </div>