НОВЫЙ ВАРИАНТ СПОЙЛЕРА
http://hostjs-mybb2011.narod.ru/Spoiler_v00.htm
В HTML верх ставим такой код:
<style id="MakeSpoiler">.punbb .post .quote-box{display:none!important;}</style>
<style>#lnk2{background-image:url(../i/blank.gif);}</style>
В HTML низ идет такая часть :
<script type="text/javascript"> var StSTART="<div class=\"spoiler quote-box\">\ <p class=\"Button-spoiler\" style=\"padding:8px 0 12px 0;\"><img src=\"http://savepic.net/700536.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://savepic.net/680056.png'\" onmouseup=\"this.src='http://savepic.net/700536.png'\" onmouseout=\"this.src='http://savepic.net/700536.png'\" style=\"margin:-8px 6px 0 4px;float:left;\" alt=\"'Кнопка'\"/><img src=\"http://savepic.net/680056.png\" style=\"position:absolute;z-index:-3;visibility:hidden;\" alt=\"img-2\"/><span style=\"margin-left:3px;padding:2px 20px 2px 17px;border:dashed 2px #C9C9C9;\"><span class=\"show-hide 1\">Показать</span><span style=\"display:none;\" class=\"show-hide 2\">Скрыть</span></span></p>\ <div class=\"show-hide\" style=\"margin-top:6px;width:100%!important;display:none\"></br><blockquote>" var StEnd='</blockquote></div></div>'; </script> <script type="text/javascript"> var str='<div align=center style="height:17px;width:37px;"><img id="SP_setting" onclick="SP_click();" style="height:20px;width:20px;margin:-4px -2px 0 -2px;" src="http://savepic.org/1446271.gif"/ title="Спойлер-Настройки"><img style="height:9px;width:14px;" src="http://savepic.net/1127572.gif" title="cпойлер" onclick="SP_click();"></div>';$("#form-buttons #button-link").before("<td id=Deff_sp2_>"+str+"</td>") function SP_click(){bbcode('[quote==Spoiler]','[\ /quote]')} </script> <script type="text/javascript"> //alert(StSTART) $(".post-box .quote-box cite:contains('=Spoiler написал(а):')").each(function (i) { $(this).parent(".quote-box").replaceWith(StSTART+$(this).parent(".quote-box").find("blockquote:first").html()+StEnd) }) $("#MakeSpoiler").replaceWith("")</script>
Кто-то Просил Выделить полугругом по-типу цитаты - Добавьте код в HTML верх:
<!-- Cпойлер Ч1 НTML верх -->
<style type="text/css">
.punbb .post-content .spoiler.quote-box{
border-bottom-left-radius: 12px!important;
border-bottom-right-radius: 12px!important;
border-top-left-radius: 12px!important;
border-top-right-radius: 12px!important;
border:dashed 2px #E5C4E5;
}
.punbb .post-content .spoiler.quote-box blockquote p{margin:-20 12px 0 12px;}.punbb .post-content div.show-hide{
width: 100%!important;
}
.punbb .post-content div.show-hide{
width: 100%!important;
.punbb .post-content div.show-hide{
padding-left:13px;
margin-top: 12px!important;
padding:13px 0!important;
width:90%;
background-color:#E8D3F5!important;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border:dashed 1px #D1C1D8;
}
</style>
Красным - цвет внутреннего бекграунда - синим - цвет бордеров - С параметрами можно играть под вид удобо приемлимый
(*Поправлено для ИE 6-7
Гы - Добавка к предыдущему скрипту ( Скрываем все Code-box - все блоки с тегами Код:
(Cтавим скрипт сразу вслед за предыдущим
<script type="text/javascript"> var Kode=StSTART.replace('Показать','<b style=font-size:"16px!important;">Код:</b>');Kode=Kode.replace('Скрыть','<b style=font-size:"16px!important;">Скрыть Код:</b>'); $(".post-box .code-box strong:contains('Код:')").each(function (i) { $(this).parent(".code-box").replaceWith(Kode+$(this).parent(".code-box").find(".blockcode:first").html()+StEnd) }) </script>
Теги: Новые Скрипты
Отредактировано Deff (2011-07-08 22:11:29)