Хочу что-бы на моем форуме можно было вставлять спойлеры!
Вроде:
Ну когда закрытый спойлер текст был один на кнопке, а когда открытый второй!
Ну так:
Отредактировано Ро* Ши* (Ср, 28 Мар 2012 22:03:03)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Хочу СпОйЛеР))))
Хочу что-бы на моем форуме можно было вставлять спойлеры!
Вроде:
Ну когда закрытый спойлер текст был один на кнопке, а когда открытый второй!
Ну так:
Отредактировано Ро* Ши* (Ср, 28 Мар 2012 22:03:03)
Подскажите а можно ли на дополнительных страницах использовать спойлер?
Вот здесь например картинка
Ро* Ши*, пропишите в НТML-верх скрипт:
<style type="text/css"> /*Спойлер */ .punbb .quote-box.spoiler-box{ border:#C6C6CF 1px solid; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; box-shadow: 0px 2px 4px #8E8E8E; -webkit-box-shadow: 0px 2px 4px #8E8E8E; -khtml-box-shadow: 0px 2px 4px #8E8E8E; -moz-box-shadow: 0px 2px 4px #8E8E8E; } .post-content .spoiler-box > blockquote.visible { display: none;}.punbb .spoiler-box blockquote { min-width: 100%!important; } .post-content .spoiler-box span.hide{ display:none; } #button-spoiler {background:url('http://img706.imageshack.us/img706/1943/spoiler.gif') no-repeat center !important;} </style> <script type="text/javascript"> function tag_spolierr(){ var enterTITLE = prompt("Введите описание закрытой кнопки", 'Спойлер'); var enterTITLE2 = prompt("Введите описание открытой кнопки", 'Закрыть'); bbcode('[spoiler='+enterTITLE+'|'+enterTITLE2+']','[/spoiler]'); } </script> <script type="text/javascript"> $(document).ready(function(){ $(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() { $(this).html('<button type=button style="margin-left:-20px;">'+$(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>')+'</button>') }); $(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").live("click", function(){ $(this).next('blockquote').toggle('Slow'); $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible'); }); }); </script><!-- Правки для спойла сервиса НТML верх-->
Evgo, если использовать выше приведённый код, то да.
Это уже лучше, но можно ли сделать так, что бы при открывании для ввода текста он не спрашивал, как назвать кнопку, а что бы уже было заложено название кнопки и каждый смог вписать своё название в скрипт.
Это уже лучше, но можно ли сделать так, что бы при открывании для ввода текста он не спрашивал, как назвать кнопку, а что бы уже было заложено название кнопки и каждый смог вписать своё название в скрипт.
<style type="text/css"> /*Спойлер */ .punbb .quote-box.spoiler-box{ border:#C6C6CF 1px solid; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; box-shadow: 0px 2px 4px #8E8E8E; -webkit-box-shadow: 0px 2px 4px #8E8E8E; -khtml-box-shadow: 0px 2px 4px #8E8E8E; -moz-box-shadow: 0px 2px 4px #8E8E8E; } .post-content .spoiler-box > blockquote.visible { display: none;}.punbb .spoiler-box blockquote { min-width: 100%!important; } .post-content .spoiler-box span.hide{ display:none; } #button-spoiler {background:url('http://img706.imageshack.us/img706/1943/spoiler.gif') no-repeat center !important;} </style> <script type="text/javascript"> var SP_TitL1 = 'Спойлер'; //Название закрытого спойлера var SP_TitL2 ='Закрыть'; //Название Открытого спойлера function tag_spolierr(){bbcode('[spoiler]','[/spoiler]');} $(document).ready(function(){ a='<img onclick="tag_spolierr()" title="spoiler" 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('<button type=button style="margin-left:-20px;"><span class="visible">'+SP_TitL1+'</span><span class="hide">'+SP_TitL2+'</span></button>') }); $(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").live("click", function(){ $(this).next('blockquote').toggle('Slow'); $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible'); }); }); </script><!-- Правки для спойла сервиса НТML верх-->
Спасибо, Deff, счас попробую )))
Подскажите а можно ли на дополнительных страницах использовать спойлер?
Где должен быть спойлер вставляем такой код:
<div class="post-box post-content">
<div class="quote-box spoiler-box">
<div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');"></div>
<blockquote style="display: none">
<p>Тут Ваш контент</p>
</blockquote>
</div></div>
Плюс скрипт правок для спойлера, установленный в HTML верх, (*к примеру из поста 5
Отредактировано Deff (Пн, 9 Апр 2012 12:05:34)
Отлично, Deff, работает!!! Спасибо)))
Вы здесь » Единый форум поддержки » Корзина » Хочу СпОйЛеР))))