Обновленный спойлер

Поделиться281Пт, 23 Мар 2012 11:03:05

Автор: Colonel
Заслуженный
Зарегистрирован: Пн, 16 Янв 2012
Сообщений: 60
Уважение: 0
Позитив: +3
Последний визит:
Вс, 28 Июл 2013 13:50:23

Admin написал(а):

Ставить спойлер скриптом больше нет необходимости. Удалите его.

Убрал, кнопка "свернутый текст" по-прежнему не отображается
http://totenturm.rusff.ru/

Поделиться282Пт, 23 Мар 2012 11:26:12

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +381
Позитив: +205
Пол: Мужской
Последний визит:
Пт, 15 Ноя 2024 21:22:19

Ну... Как-то так. и 2 минуса:
1) остаётся некрасивая область:

2) если долго жать, текст кнопки выделяется...
Вечером попробую пофиксить

<style>
.post-content .spoiler-box {
margin-top:30px !important;
}
.post-content .spoiler-box > div, .post-content .spoiler-box > div.visible {
background: none repeat scroll 0 0 gray;
border: 1px solid;
cursor: pointer;
padding: 2px;
position: relative;
text-align: center;
top: -35px;
width: 150px;
background-color: gray;
}
.post-content .spoiler-box > blockquote {
display: none;
position: relative;
top: -20px;
margin-bottom: 0;
}
.post-content .spoiler-box > blockquote.visible {
display: block;
}
</style>

0

Поделиться283Пт, 23 Мар 2012 11:27:30

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Colonel написал(а):

Убрал, кнопка "свернутый текст" по-прежнему не отображается

18 ноября 2011г.: Изменения в форме ответа пост 626

0

Поделиться284Пт, 23 Мар 2012 13:38:29

Автор: baron4ik
Заслуженный
Зарегистрирован: Пт, 8 Апр 2011
Сообщений: 240
Уважение: +6
Позитив: +42
Пол: Мужской
Последний визит:
Пт, 18 Янв 2013 13:30:12

Не очень спойлер

простой и не очень удобынй(
А описание закрытой кнопки не пишется

Отредактировано baron4ik (Пт, 23 Мар 2012 13:39:23)

0

Поделиться285Пт, 23 Мар 2012 13:41:22

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

baron4ik => Это легко дополняется => cм 18 ноября 2011г.: Изменения в форме ответа

Отредактировано Deff (Пт, 23 Мар 2012 13:41:36)

0

Поделиться286Пт, 23 Мар 2012 14:08:00

Автор: colorforum
Заслуженный
Зарегистрирован: Вс, 27 Фев 2011
Сообщений: 87
Уважение: +15
Позитив: +23
Последний визит:
Вс, 22 Дек 2013 21:29:09

Ставить спойлер скриптом больше нет необходимости. Удалите его.

Подскажите, пожалуйста, как убрать новый спойлер. Старый был намного удобнее, красивее и функциональнее. Если снесем старый скрипт, все спойлеры на форуме (а за 2 года их много) полетят.
Мне бы просто убрать новый, чтоб было как раньше.
У меня вся панель пропала и так у всех юзеров.

ссылка http://colorforum.ru/

Отредактировано colorforum (Пт, 23 Мар 2012 14:09:18)

0

Поделиться287Пт, 23 Мар 2012 14:27:09

Автор: Хатико
Заслуженный
Зарегистрирован: Сб, 2 Июл 2011
Сообщений: 1067
Уважение: +685
Позитив: +1582
Пол: Мужской
Последний визит:
Пн, 18 Ноя 2024 17:40:06

colorforum
Здравствуйте!

colorforum написал(а):

У меня вся панель пропала и так у всех юзеров.

Убрать скрипт спойлера. 18 ноября 2011г.: Изменения в форме ответа

0

Поделиться288Пт, 23 Мар 2012 15:02:21

Автор: kosoy
Заблокирован
Зарегистрирован: Пн, 13 Дек 2010
Сообщений: 725
Уважение: -21
Позитив: +33
Пол: Мужской
Последний визит:
Пн, 5 Ноя 2012 22:36:02

baron4ik написал(а):

Не очень спойлер

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

Отредактировано kosoy (Пт, 23 Мар 2012 15:03:37)

0

Поделиться289Пт, 23 Мар 2012 15:17:58

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

kosoy
Чушня всё эти доводы - спойл от сервиса - мон теперь сделать - каким удобно, суть в том - что он скрывает инфу изначально, какой бы она длинючей не была - любой пользовательский скрипт - действует ток после загрузки страницы

0

Поделиться290Пт, 23 Мар 2012 15:21:28

Автор: kosoy
Заблокирован
Зарегистрирован: Пн, 13 Дек 2010
Сообщений: 725
Уважение: -21
Позитив: +33
Пол: Мужской
Последний визит:
Пн, 5 Ноя 2012 22:36:02

Deff
ну может и так, мне вот его оформление не нравится.

0

Поделиться291Пт, 23 Мар 2012 15:23:29

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

kosoy
Еще раз - оформление можно сделать каким угодно - там есть рабочий пример - пост 676

0

Поделиться292Пт, 23 Мар 2012 15:26:31

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

Ыыыы!
Я так и чувствовал что когда доделаю спойлер, Admin встроит спойлер в сам движок форумов

0

Поделиться293Пт, 23 Мар 2012 15:29:02

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

RUSSIAN_GOBLIN
Хм - наработки остаюца.. BB-код спойлера - не последний из BB ( хотя теперь мон делать BB коды на базе спойла - а перепарсивать ток инфу в названии спойлера (поскольку она скрыта от взора до перепарса

0

Поделиться294Пт, 23 Мар 2012 15:31:12

Автор: kosoy
Заблокирован
Зарегистрирован: Пн, 13 Дек 2010
Сообщений: 725
Уважение: -21
Позитив: +33
Пол: Мужской
Последний визит:
Пн, 5 Ноя 2012 22:36:02

Deff написал(а):

Еще раз - оформление можно сделать каким угодно - там есть рабочий пример - пост 676

ща гляну.

Отредактировано kosoy (Пт, 23 Мар 2012 16:28:48)

0

Поделиться295Пт, 23 Мар 2012 16:20:55

Автор: Caligula
Заслуженный
Зарегистрирован: Вт, 15 Сен 2009
Сообщений: 1103
Уважение: +203
Позитив: +73
Пол: Мужской
Последний визит:
Пн, 8 Фев 2016 00:59:05

RUSSIAN_GOBLIN написал(а):

Я так и чувствовал что когда доделаю спойлер, Admin встроит спойлер в сам движок форумо

я чувствую, что так оно и есть

0

Поделиться296Пт, 23 Мар 2012 17:15:26

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

baron4ik написал(а):

Не очень спойлер[spoiler="asdasd"][spoiler="Свернутый текст"]простой и не очень удобынй(
А описание закрытой кнопки не пишется

Ня те трансформированный - В 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">
var image_Spl="<img width=\"34\" 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 -28px;float:left;\" alt=\"'Кнопка'\"/>";
$(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($(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>'))
  $(this).prepend(image_Spl)
});
$(".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><!-- Правки для спойла сервиса НТML верх-->

Отредактировано Deff (Пт, 23 Мар 2012 17:16:17)

+1

Поделиться297Пт, 23 Мар 2012 20:57:31

Автор: The First Lady
Заслуженный
Зарегистрирован: Пн, 19 Янв 2009
Сообщений: 150
Уважение: +6
Позитив: +36
Последний визит:
Пт, 10 Мар 2017 23:08:41

Deff
а можно убрать зеленую кнопочку в самом спойлере? так, чтобы только текст был? к примеру, Открыть\закрыть и все, без зеленой стрелки слева?

0

Поделиться298Пт, 23 Мар 2012 21:07:23

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

The First Lady написал(а):

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

The First Lady

Код:

<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><!-- Правки для спойла сервиса НТML верх-->

Отредактировано Deff (Сб, 24 Мар 2012 01:17:05)

+1

Поделиться299Пт, 23 Мар 2012 21:22:27

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2708
Уважение: +4085
Позитив: +2378
Пол: Мужской
Последний визит:
Пн, 18 Ноя 2024 23:40:35

RUSSIAN_GOBLIN написал(а):

Я так и чувствовал что когда доделаю спойлер, Admin встроит спойлер в сам движок форумов

я поэтому и не дёргался, хотя ещё сегодня ночью колдовал с фильтрами селекторов на предмет несрабатывания бб-кодов в теге [код] ))

0

Instagram drumman.1

Поделиться300Пт, 23 Мар 2012 22:30:28

Автор: prizrak
призрак форума
Зарегистрирован: Вс, 7 Окт 2007
Сообщений: 4298
Уважение: +895
Позитив: +693
Пол: Мужской
Последний визит:
Пт, 25 Окт 2024 20:16:54

Admin написал(а):

Ставить спойлер скриптом больше нет необходимости. Удалите его.

У меня на форуме уже очень давно используется скрипт спойлера
Мне помоему легче новую кнопку убрать чем скрипт)))
Хотя бы потому что скриптом спойлер реализован красивее.

Вопрос: если скрип уберу, то что сейчас под спойлером

Код:

[spoiler]скрытый текст[/spoiler]

исчезнет?

0

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

Меню навигации

Пользовательские ссылки

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

Обновленный спойлер

Сообщений 281 страница 300 из 328

Поделиться281Пт, 23 Мар 2012 11:03:05

Поделиться282Пт, 23 Мар 2012 11:26:12

Поделиться283Пт, 23 Мар 2012 11:27:30

Поделиться284Пт, 23 Мар 2012 13:38:29

Поделиться285Пт, 23 Мар 2012 13:41:22

Поделиться286Пт, 23 Мар 2012 14:08:00

Поделиться287Пт, 23 Мар 2012 14:27:09

Поделиться288Пт, 23 Мар 2012 15:02:21

Поделиться289Пт, 23 Мар 2012 15:17:58

Поделиться290Пт, 23 Мар 2012 15:21:28

Поделиться291Пт, 23 Мар 2012 15:23:29

Поделиться292Пт, 23 Мар 2012 15:26:31

Поделиться293Пт, 23 Мар 2012 15:29:02

Поделиться294Пт, 23 Мар 2012 15:31:12

Поделиться295Пт, 23 Мар 2012 16:20:55

Поделиться296Пт, 23 Мар 2012 17:15:26

Поделиться297Пт, 23 Мар 2012 20:57:31

Поделиться298Пт, 23 Мар 2012 21:07:23

Поделиться299Пт, 23 Мар 2012 21:22:27

Поделиться300Пт, 23 Мар 2012 22:30:28