Я пыталась устанавливать предложенные на других поддержках варианты, но у меня не получалось. Как настроить спойлер, чтобы он имел такой вид?
Новый спойлер
Страница: 1
Сообщений 1 страница 10 из 10
Поделиться1Пн, 4 Мар 2013 14:43:42
- Заслуженный
- Зарегистрирован: Ср, 23 Янв 2013
- Сообщений: 75
- Уважение: +1
- Позитив: +5
- Пол: Женский
- Последний визит:
Вт, 14 Май 2013 07:50:15
Поделиться2Ср, 6 Мар 2013 13:02:48
- Заслуженный
- Зарегистрирован: Ср, 23 Янв 2013
- Сообщений: 75
- Уважение: +1
- Позитив: +5
- Пол: Женский
- Последний визит:
Вт, 14 Май 2013 07:50:15
up
Поделиться3Ср, 6 Мар 2013 13:06:26
- Заслуженный
- Зарегистрирован: Ср, 23 Янв 2013
- Сообщений: 75
- Уважение: +1
- Позитив: +5
- Пол: Женский
- Последний визит:
Вт, 14 Май 2013 07:50:15
Вот конкретно ссылка на сообщение, где есть пример спойлера - http://eow.rusff.ru/viewtopic.php?id=149&p=3#p856
Поделиться4Ср, 6 Мар 2013 13:29:23
Камели
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>Поделиться5Ср, 6 Мар 2013 13:39:57
- Заслуженный
- Зарегистрирован: Ср, 23 Янв 2013
- Сообщений: 75
- Уважение: +1
- Позитив: +5
- Пол: Женский
- Последний визит:
Вт, 14 Май 2013 07:50:15
annoj
Да, именно это и хотела, спасибо!
Поделиться6Ср, 6 Мар 2013 13:47:15
- Заслуженный
- Зарегистрирован: Ср, 23 Янв 2013
- Сообщений: 75
- Уважение: +1
- Позитив: +5
- Пол: Женский
- Последний визит:
Вт, 14 Май 2013 07:50:15
Ой, а у меня не работает что-то. Когда нажимаю на спойлер - он открывается и тут же закрывается. В чём проблема?
Поделиться7Ср, 6 Мар 2013 13:51:08
- Заслуженный
- Зарегистрирован: Ср, 23 Янв 2013
- Сообщений: 75
- Уважение: +1
- Позитив: +5
- Пол: Женский
- Последний визит:
Вт, 14 Май 2013 07:50:15
Может это потому, что у меня уже был установлен скрипт, который позволяет спойлерам плавно открываться. Они не конфликтуют?
Поделиться8Ср, 6 Мар 2013 13:52:47
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51451
- Уважение: +15414
- Позитив: +12017
- Последний визит:
Вчера 19:46:15
Камели
Наверно не сняли предыдущий скрипт спойлера
Уберите из 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 верх-->
Поделиться9Ср, 6 Мар 2013 14:05:46
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51451
- Уважение: +15414
- Позитив: +12017
- Последний визит:
Вчера 19:46:15
И замените Ваш скрипт на такой:
Код:
<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>Чуть поправил
Поделиться10Ср, 6 Мар 2013 14:10:48
- Заслуженный
- Зарегистрирован: Ср, 23 Янв 2013
- Сообщений: 75
- Уважение: +1
- Позитив: +5
- Пол: Женский
- Последний визит:
Вт, 14 Май 2013 07:50:15
Deff
Да, теперь вроде всё нормально.
Страница: 1