Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Корзина » Хочу СпОйЛеР))))

Хочу СпОйЛеР))))

Страница: 1

Сообщений 1 страница 8 из 8

1

  • Автор: Ро* Ши*
  • Гуру
  • Ро* Ши*
  • Зарегистрирован: Пт, 4 Ноя 2011
  • Сообщений: 848
  • Уважение: +68
  • Позитив: +57
  • Пол: Мужской
  • Предупреждения: This CatProfile is Dead.
  • Последний визит:
    Пн, 27 Фев 2023 21:36:19

Хочу что-бы на моем форуме можно было вставлять спойлеры!
Вроде:

Ну когда закрытый спойлер текст был один на кнопке, а когда открытый второй!
Ну так:
http://uploads.ru/i/s/3/N/s3NQT.png

Отредактировано Ро* Ши* (Ср, 28 Мар 2012 22:03:03)

0

2

  • Автор: Evgo
  • Заслуженный
  • Зарегистрирован: Вт, 10 Янв 2012
  • Сообщений: 184
  • Уважение: +3
  • Позитив: +23
  • Пол: Мужской
  • Последний визит:
    Пт, 4 Янв 2019 21:25:18

Подскажите а можно ли на дополнительных страницах использовать спойлер?

1

Вот здесь например картинка

0

3

  • Автор: RUSSIAN_GOBLIN
  • Cтарожил
  • RUSSIAN_GOBLIN
  • Зарегистрирован: Пн, 8 Окт 2007
  • Сообщений: 2554
  • Уважение: +708
  • Позитив: +596
  • Пол: Мужской
  • Последний визит:
    Вт, 5 Окт 2021 21:21:25

Ро* Ши*, пропишите в НТ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, если использовать выше приведённый код, то да.

0

4

  • Автор: Mango
  • Заслуженный
  • Mango
  • Зарегистрирован: Чт, 15 Дек 2011
  • Сообщений: 239
  • Уважение: +4
  • Позитив: +23
  • Последний визит:
    Вс, 8 Сен 2013 12:53:27

Это уже лучше, но можно ли сделать так, что бы при открывании для ввода текста он не спрашивал, как назвать кнопку, а что бы уже было заложено название кнопки и каждый смог вписать своё название в скрипт.

0

5

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51676
  • Уважение: +15518
  • Позитив: +12297
  • Последний визит:
    Сегодня 15:37:47
Mango написал(а):

Это уже лучше, но можно ли сделать так, что бы при открывании для ввода текста он не спрашивал, как назвать кнопку, а что бы уже было заложено название кнопки и каждый смог вписать своё название в скрипт.

Код:
<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 верх-->

0

6

  • Автор: Mango
  • Заслуженный
  • Mango
  • Зарегистрирован: Чт, 15 Дек 2011
  • Сообщений: 239
  • Уважение: +4
  • Позитив: +23
  • Последний визит:
    Вс, 8 Сен 2013 12:53:27

Спасибо, Deff, счас попробую )))

0

7

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51676
  • Уважение: +15518
  • Позитив: +12297
  • Последний визит:
    Сегодня 15:37:47
Evgo написал(а):

Подскажите а можно ли на дополнительных страницах использовать спойлер?

Где должен быть спойлер вставляем такой код:

<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)

+1

8

  • Автор: Mango
  • Заслуженный
  • Mango
  • Зарегистрирован: Чт, 15 Дек 2011
  • Сообщений: 239
  • Уважение: +4
  • Позитив: +23
  • Последний визит:
    Вс, 8 Сен 2013 12:53:27

Отлично, Deff, работает!!! Спасибо)))

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Хочу СпОйЛеР))))