Перейти к содержанию

(CSN-IPB34) jQuery Spoiler


KitsuneSolar

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

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

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

Добавил: vXvTails

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

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

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

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

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

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

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

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

  • 2 месяца спустя...

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

Вот так:

post-11059-0-50355100-1396697124_thumb.j

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

post-11059-0-11836400-1396697559_thumb.j

post-11059-0-31047200-1396697566_thumb.j

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

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

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

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

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

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

Версия 1.1.0

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

  • 2 месяца спустя...

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

 

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

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

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

 

post-19143-0-24013100-1403091957.png

 

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

 

post-19143-0-95260100-1403091961_thumb.p

 

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

 

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

Изменено пользователем 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;
}

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

 

post-19143-0-75304300-1403093703.png

 

post-19143-0-80151200-1403093706_thumb.p

 

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

 

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

  • 1 год спустя...

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

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

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