BB-Spoiler

[IAF]

Название: BB-Spoiler

Добавил: IandroidFan

Добавлен: 16 Мар 2014

Категория: ББКоды IP.Board

Спойлер для IPB. Лучше чем тот, который идёт в комплекте.

Спойлер не использует jQuerry. Его нужно только установить и он готов к работе.

Установка:

Импортировать bbcode.xml из архива

Папку Upload загрузить на форум (там лежат иконки для ББ-кода)

Вставить в новый (или в уже существующий) CSS-файл этот код:

.hidetop
{
background: #E4EAF2;
border: 1px dashed #999;
border-left: 4px solid #8394B2;
color: #000;
font-weight: bold;
font-size: 10px;
margin: 8px auto 0 auto;
padding: 3px;
-moz-box-shadow: 4px 6px 8px rgba(0,0,0,.6);
-webkit-box-shadow: 4px 6px 8px rgba(0,0,0,.6);
box-shadow: 4px 6px 8px rgba(0,0,0,.6);
}

.hidemain
{
background: #FAFCFE;
border: 1px dashed #999;
border-left: 4px solid #8394B2;
border-top: 0;
color: #465584;
padding: 4px;
margin: 0 auto 8px auto;
-moz-box-shadow: 4px 6px 8px rgba(0,0,0,.6);
-webkit-box-shadow: 4px 6px 8px rgba(0,0,0,.6);
box-shadow: 4px 6px 8px rgba(0,0,0,.6);
}

Пользоваться

Спойлер:
[spoiler]Текст[/spoiler]

Спойлер с заголовком:
[spoil=Заголовок]Текст[/spoil]

При желании и умении можно настроить вид спойлера под себя в CSS-файле.

Автор: IandroidFan

[LvsF]

Оформление почти как у 2-ки.

[IAF]

LvsF, Минимализм  

При желании и умении можно настроить вид спойлера под себя в CSS-файле.

[Recouse]

Прикольный спойлер

[motomac]

А нельзя сделать единый код для спойлера

и

?

[IAF]

motomac, 

По идее можно, но тогда скобочки убрать придётся (скорее всего)

[motomac]

IandroidFan, какие скобочки? Очень нужен нормальный универсальный спойлер с возможность указания заголовка (либо без заголовка), и все одним тегом spoiler. Также к нему очень нужна кнопка закрытия снизу. Неужели для IPB не существует готового решения?

[Mattko]

Плюс минус, спойлер.

[DubininAlex]

 

Вставить в новый (или в уже существующий) CSS-файл этот код:

В какой блин css-файл?!

[SanyaSamp]

В какой блин css-файл?!

Любой

[hankr]

 

 

Вставить в новый (или в уже существующий) CSS-файл этот код:

Никак не могу понять, где находится данный файл. Подскажите пожалуйста.

[SKIDROW]

Никак не могу понять, где находится данный файл. Подскажите пожалуйста.

[rustav]

спойлер просто отличный. В css сделал как нужно все под себя.

Может кому понадобится: что бы  спойлер с заголовком отображался без  "Спойлер (+/-) (Названный вами заголовок), нужно в шаблоне замены BB-кода прописать :

<br><div>
<div class="hidetop" style="cursor:pointer;" onclick="var _n=this.parentNode.getElementsByTagName('div')[1];if(_n.style.display=='none'){_n.style.display='';}else{_n.style.display='none';}">{option} (+/-)</div>
<div class="hidemain" style="display: none;">{content}</div>
</div><br>

[LoGwi-N]

Как убрать интервалы между спойлерами??? Уж очень они большие. Хотелось бы поплотнее.

 

Изменено 14 февраля, 2015 пользователем LoGwi-N

[Viktar83]

Как убрать интервалы между спойлерами??? Уж очень они большие. Хотелось бы поплотнее.

 

2015-02-14_140228.jpg

 

в шаблоне замены BB-кода удали теги <br>

 

например, было:

<br><div>
<div class="hidetop" style="cursor:pointer;" onclick="var _n=this.parentNode.getElementsByTagName('div')[1];if(_n.style.display=='none'){_n.style.display='';}else{_n.style.display='none';}">{option} (+/-)</div>
<div class="hidemain" style="display: none;">{content}</div>
</div><br>

стало:

<div>
<div class="hidetop" style="cursor:pointer;" onclick="var _n=this.parentNode.getElementsByTagName('div')[1];if(_n.style.display=='none'){_n.style.display='';}else{_n.style.display='none';}">{option} (+/-)</div>
<div class="hidemain" style="display: none;">{content}</div>
</div>

тогда отступы будут определяться только margin-ами, прописанными в CSS (см. 1 сообщение)

[bsnet]

Есть нормальный спойлер в спойлере и чтоб плюс на минус менялся, как на rutracker?

Этот честно говоря  никакой