Название: (CSN-IPB34) jQuery Spoiler

Добавил: vXvTails

Добавлен: 08 Янв 2014

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

Данная версия Spoiler'а создана для работы с jQuery. В последнее время большинство стилей от именитый разработчиков используют jQuery в своей работе. Поэтому, сейчас уже стало стандартом подключение jQuery к форуму IP.Board.

«jQuery Spoiler» требует для своей работы jQuery! Если Ваша тема не поддерживает этот фреймворк, то его необходимо подключить. Для этого нужно установить расширение «

ББКод был разработан ещё на старом проекте - Сайбере 4. Не знаю, выкладывали его тут раньше или нет, но в этой версии полностью переработана система установки. Теперь нет нужды редактировать шаблоны форума. Новая установка делится на два шага:

1. Установка хука
   
2. Импорт ББКода
   

Раньше нужно было редактировать шаблоны форума. Теперь этот шаг занимает установка хука.

У меня темный стиль и потому спойлер выглядел очень не красиво

Вот так:

ну я там поковырялся сделал хуже наверное, ну хоть видно на темных стилях = )

Измененная Версия = )
(CSN-IPB34) jQuery Spoiler v1.0.0-RUS-1.0.rar
я не умею подбирать цвета потому так не красиво выглядит(
ну как есть = )

DeViLKIS, и этот не лучше, но может кому-то пригодится

Recouse, ну я и говорю не лучше, просто на темнем стиле оригинального не видно вообще(
а этот видно)) ну я быдло дизайнер ;D

Версия 1.1.0

• Изменён внешний вид BB-кода.
• Заголовок теперь вводить не обязательно.

По-моему, единственный более или менее толковый спойлер с возможностью заголовка.

 

Возникло несколько вопросов:

1. У меня jQuery подключалась в конце шаблона includeJS. При этом спойлер не работал. Перенес в начало - заработало. Вообще в каком месте правильно должна подключаться jQuery?
2. Очень хочется кнопку закрытия спойлера снизу, чтобы не крутить его наверх постоянно
3. Можно ли убрать надпись "Spoiler:" в заголовке спойлера, когда заголовое задан пользователем?
4. Можно ли чуток подкорректировать внешность спойлера:

Хотелось бы убрать лишнюю белую полосу:

 

 

А также при клике по спойлеру появляется вот такая синяя полоса:

 

 

Вообще считаю, что этот спойлер настолько хорош, что ему нужно просвоить имя spoiler вместе jqspoiler, чтобы он полностью заменял убогий стандартный.

 

Идеальный, на мой взгляд, спойлер у Рутрекера. Пример.

Edited 18 июня, 201410 yr by motomac

Хотелось бы убрать лишнюю белую полосу:

Можно убрать. Но будет ли красиво?

Сейчас от этой белой полосы идёт тень, придающая объём блоку.

 

А также при клике по спойлеру появляется вот такая синяя полоса:

И браузер, скорее всего, хром или его ответвление?

Ага, Chrome.

 

Внешность подкорректировал сам. Кому интересно, в файле 01. (CSN-IPB34) jQuery Spoiler - Template.xml

div.bbc_jqSpoiler_wrapper {
  padding: 5px;
  border-top: 0;
}

div.bbc_jqSpoiler_content {
  display: none;
}

заменить на:

div.bbc_jqSpoiler_wrapper {
  padding: 0;
  border-top: 0;
}

div.bbc_jqSpoiler_content {
  display: none;
  margin: 5px;
}

Теперь выглядит вот так:

 

 

 

По-моему, гораздо аккуратнее смотрится. Ну и да, мои представления о спойлерах основываются на спойлере Рутрекера.

 

В остальном прошу помощи автора  Насчет закрытия спойлера снизу проще сделать даже не ссылку справа как на Рутрекере, а такую же полосу во всю ширину как шапка спойлера, только с надписью "Закрыть". Разумеется, видна она должна быть только при открытом спойлере.

Edited 18 июня, 201410 yr by motomac

В остальном прошу помощи автора

EL:active,
EL:focus {
  outline: none
}

Это добавь в ксс спойлера, где EL - это элемент, который выделяется голубым бордером.

Честно говоря, не совсем понятно, который из элементов эту синеву дает.

input скорее всего.

Да, помогло добавление:

input.bbc_jqSpoiler_show:active,
input.bbc_jqSpoiler_show:focus {
  outline: none;
}

в тот же файл хука.

 

Спасибо. Насчет ликвидации дефолтной надписи в шапке и закрытия снизу стоит ждать?)

А как включить спойлер в мобильной версии? Само не завелось. jQuery подключил через шаблон includeJS.

Не могу скачать, ошибку выдаёт.