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

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

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

Вы здесь » Единый форум поддержки » Корзина » Новый спойлер

Новый спойлер

Страница: 1

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

Перевести1

  • Автор: Камели
  • Заслуженный
  • Камели
  • Зарегистрирован: Ср, 23 Янв 2013
  • Сообщений: 75
  • Уважение: +1
  • Позитив: +5
  • Пол: Женский
  • Последний визит:
    Вт, 14 Май 2013 07:50:15

Я пыталась устанавливать предложенные на других поддержках варианты, но у меня не получалось. Как настроить спойлер, чтобы он имел такой вид?
http://s3.uploads.ru/0XArd.jpg

0

Перевести2

  • Автор: Камели
  • Заслуженный
  • Камели
  • Зарегистрирован: Ср, 23 Янв 2013
  • Сообщений: 75
  • Уважение: +1
  • Позитив: +5
  • Пол: Женский
  • Последний визит:
    Вт, 14 Май 2013 07:50:15

up

0

Перевести3

  • Автор: Камели
  • Заслуженный
  • Камели
  • Зарегистрирован: Ср, 23 Янв 2013
  • Сообщений: 75
  • Уважение: +1
  • Позитив: +5
  • Пол: Женский
  • Последний визит:
    Вт, 14 Май 2013 07:50:15

Вот конкретно ссылка на сообщение, где есть пример спойлера - http://eow.rusff.ru/viewtopic.php?id=149&p=3#p856

0

Перевести4

  • Автор: annoj
  • Заслуженный
  • Зарегистрирован: Вт, 18 Сен 2012
  • Сообщений: 143
  • Уважение: +6
  • Позитив: -7
  • Последний визит:
    Вс, 9 Июн 2013 05:51:04

Камели
Html-Низ

Код:
<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=text 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']").click(function(){
  $(this).next('blockquote').toggle('Slow');
  $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
 });
});
</script>

0

Перевести5

  • Автор: Камели
  • Заслуженный
  • Камели
  • Зарегистрирован: Ср, 23 Янв 2013
  • Сообщений: 75
  • Уважение: +1
  • Позитив: +5
  • Пол: Женский
  • Последний визит:
    Вт, 14 Май 2013 07:50:15

annoj
Да, именно это и хотела, спасибо!

0

Перевести6

  • Автор: Камели
  • Заслуженный
  • Камели
  • Зарегистрирован: Ср, 23 Янв 2013
  • Сообщений: 75
  • Уважение: +1
  • Позитив: +5
  • Пол: Женский
  • Последний визит:
    Вт, 14 Май 2013 07:50:15

Ой, а у меня не работает что-то. Когда нажимаю на спойлер - он открывается и тут же закрывается. В чём проблема?

0

Перевести7

  • Автор: Камели
  • Заслуженный
  • Камели
  • Зарегистрирован: Ср, 23 Янв 2013
  • Сообщений: 75
  • Уважение: +1
  • Позитив: +5
  • Пол: Женский
  • Последний визит:
    Вт, 14 Май 2013 07:50:15

Может это потому, что у меня уже был установлен скрипт, который позволяет спойлерам плавно открываться. Они не конфликтуют?

0

Перевести8

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51726
  • Уважение: +15542
  • Позитив: +12351
  • Последний визит:
    Пт, 19 Дек 2025 15:29:55

Камели
Наверно не сняли предыдущий скрипт спойлера
Уберите из HTML верх

<style type="text/css"> /*Спойлер */
   
.post-content .spoiler-box > blockquote.visible {
display: none;}.punbb .spoiler-box blockquote {
min-width: 100%!important;
}
.post-content .spoiler-box span.hide{
display:none;
}
</style>
<script>$(document).ready(function() {
$(".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>'))
});
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){
  $(this).next('blockquote').toggle('Slow');
  $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
});
});
</script><!--//End Правки Спойлера HTML верх-->

0

Перевести9

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51726
  • Уважение: +15542
  • Позитив: +12351
  • Последний визит:
    Пт, 19 Дек 2025 15:29:55

И замените Ваш скрипт на такой:

Код:
<style type="text/css"> /*Спойлер */

    box-shadow: 0px 2px 4px #4f1b02;
    -webkit-box-shadow: 0px 2px 4px #4f1b02;
    -khtml-box-shadow: 0px 2px 4px #4f1b02;
    -moz-box-shadow: 0px 2px 4px #4f1b02;
    }
.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)[0].onclick="$(this).toggleClass('visible')";
  $(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']").click(function(){
  $(this).next('blockquote').toggle('Slow');
  $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
 });
});
</script>

Чуть поправил

+1

Перевести10

  • Автор: Камели
  • Заслуженный
  • Камели
  • Зарегистрирован: Ср, 23 Янв 2013
  • Сообщений: 75
  • Уважение: +1
  • Позитив: +5
  • Пол: Женский
  • Последний визит:
    Вт, 14 Май 2013 07:50:15

Deff
Да, теперь вроде всё нормально.

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Новый спойлер