Проверен лично мной. Модер, если в неправильном разделе разместил - плиз перетащи. Думаю здесь ему больше место подходит.
Spoiler (на jQuery)
JavaScript подключаем в шаблон
headinclude:
Вставить код сразу над определением переменных yui:
Так что не забудьте, что jQuery мы уже подключили на всём форуме и если вы будете использовать ещё какие-нибудь "плюшки" использующие эту библиотеку, то повторно подключать jQuery (файл jquery.min.js) НЕ НУЖНО.
От себя добавлю, что я добавил весь код, однако указанного файла
http://ajax.googleapis.com/ajax/libs.../jquery.min.js не существует по указанному адресу. Тем не менее Вобла 4 сама подкидывает jQuery от Гугла по умолчанию, что соответственно можно задать в одной из основных настроек. Так что вот эта часть:
для вставки необязательна.
В
Управление стилями - у выбранного стиля из выпадающего меню выбрать
Основная таблица CSS -
Дополнительные определения CSS
Примечание, для использования в vBulletin 4
CSS код вставлять в шаблон additional.css
Вставить следующий код (во второе поле):
Содержимое папки
upload архива, закачать в
корень форума.
Добавить новый BB код:
Заголовок: Спойлер
Название BB кода: spoiler
Замена:
Использовать опцию: Нет
Или если вы используете текст с комментарием к спойлеру
Тогда внизу просто включите
Использовать опцию: Да
Пример:
Или соответственно:
Описание: BB код скрытия/показа определенного контента в сообщении. По клику происходит плавное появление скрытой информации.
Изображение кнопки: images/editor/spoiler.png
Только его еще руками допиливать слегка надо в стилях CSS h2.trigger. width надо установить 100% а не 700px и margin нижний не 5, а где-то 15-20px. Ну и шрифт уменьшил с 2em до 1.5em .
И еще его почему-то в сложенном состоянии при вложенности в "цитату" последним она не воспринимает картинку спойлера как объект, хотя если под ним добавить строку текста, он оказывается полностью в теле цитаты. Не разобрался почему. При разворачивании все нормально.