BlackSparrow
//делалось для http://emotiondigital.artbb.ru давно и расписывать все не очень хочется, если не понятно будет - спрашивайте.
(пример http://emotiondigital.artbb.ru/viewtopi … =75#p23285)
для цитаты, кода, скрытого текста
хтмл-низ
<script>
$("div.quote-box.spoiler-box").removeClass("quote-box");
$("div.quote-box").each(function() {
if($(this).parent().hasClass("quote-block")) return 0;
else $(this).wrap("<div class='quote-block'></div>");
});
$("div.code-box").each(function() {
if($(this).parent().hasClass("code-block")) return 0;
else $(this).wrap("<div class='code-block'></div>");
});
</script>
первое окно стиля, самый низ (обязательно туда и только туда)
#pun-messages .quote-block, #pun-messages .code-block, div.quote-box .quote-block, div.quote-box .code-block, .spoiler-box .quote-block, .spoiler-box .code-block, #pun-searchposts .quote-block, #pun-searchposts .code-block, #pun-post .quote-block, #pun-post .code-block {
background: none;
}
#pun-messages .quote-box, #pun-messages .code-box, div.quote-box .quote-box, div.quote-box .code-box, .spoiler-box .quote-box, .spoiler-box .code-box, #pun-searchposts .quote-box, #pun-searchposts .code-box, #pun-post .quote-box, #pun-post .code-box {
background: none !important;
margin: 5px 0 !important;
padding: 0 !important;
border: 1px solid #cec7a6 !important;
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari, Chrome */
-khtml-border-radius: 15px; /* KHTML */
border-radius: 15px; /* CSS3 */
}
#pun-messages .quote-box blockquote, #pun-messages .code-box .blockcode, div.quote-box div.quote-box blockquote, div.quote-box .code-box .blockcode, .spoiler-box blockquote, .spoiler-box .blockcode, #pun-searchposts .quote-box blockquote, #pun-searchposts .code-box .blockcode, #pun-post .quote-box blockquote, #pun-post .code-box .blockcode {
background: none
}
#pun-messages .quote-box cite, #pun-messages .code-box strong.legend, div.quote-box div.quote-box cite, div.quote-box .code-box strong.legend, .spoiler-box .quote-box cite, .spoiler-box .code-box strong.legend, #pun-searchposts .quote-box cite, #pun-searchposts .code-box strong.legend, #pun-post .quote-box cite, #pun-post .code-box strong.legend {
display: block;
height: 1em;
margin-bottom: 10px;
margin-top: 10px;
margin-left: 15px;
position: static;
}
во второе окно стиля или ДО вышеуказанного кода
/* CS1.7 Quote & Code box, Spoiler*/
.punbb .quote-box, .punbb .code-box {
color: #000;
}
#pun-viewtopic .quote-box, .code-box {
background: url("https://forumstatic.ru/files/000e/32/ad/81016.png") no-repeat scroll 0 0 transparent;
padding: 2.5em 0;
}
.quote-block, .code-block {
background: url("https://forumstatic.ru/files/000e/32/ad/58697.png") no-repeat scroll 0 100% transparent;
}
.quote-box blockquote, .code-box .blockcode {
background: url("http://uploads.ru/i/7/c/E/7cE8H.png") repeat scroll 0 0 transparent;
padding-left: 2.5em !important;
padding-right: 2.5em !important;
}
.spoiler-box {
background: none repeat scroll 0 0 #DDD7B1;
border-color: #9D945C #F1EEDA #F1EEDA #9D945C;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-width: 1px;
padding: 5px !important;
}
Спойлер - обычный, учтены вложенности (рамка будет только у первого попадающего под условия элемента), убраны рамки в личных сообщениях.
Будут вопросы - спрашивайте.