Перейти к содержанию
Авторизация  
IAF

BB-Spoiler

Рекомендуемые сообщения

index.php?app=downloads&module=display&s

Название: 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, Минимализм :) 


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

:)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

motomac

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

post-542-0-38271900-1412117641_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

спойлер просто отличный. В 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>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

post-70-0-19259900-1423911913_thumb.jpg

Изменено пользователем LoGwi-N

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

attachicon.gif2015-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 сообщение)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация  

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×