 Spoiler 2.0 - KIMMI edition Это моя версия спойлера для форума, созданного Benq. За основу был взят Sploiler 2.0 by benq. Итак, что нового и модернизированного в этой версии Спойлера для форума: [+] Плавность открытия содержимого спойлера. Для этого я использовал встроенный во все сайты jQuery 1.2.6 фреймворк.
[+] Усовершенствована вставка спойлера в сообщение.
[+] Изменен дизайн спойлера Установка скрипта: 1. Загрузите изображения с иконками (плюс, минус) в папку images/ к себе на сайт. 2. Загружаем скрипт 'spoiler.js' к себе на айт в папку js/. 3. Добавьте данный код в таблицу стилей:
(Управление дизайном » Таблица стилей (CSS)) Code /* Стили Spoiler 2.0 @KIMMI edition */
.spoiler { background: #e9e9e6; }
.sp-head { font-weight:bold; background: transparent url(images/plus.gif) no-repeat left center; padding-left: 16px; cursor: pointer; height: 18px; padding-top: 3px; border: 1px solid #c3cbd1;}
.sp-head-minus { font-weight:bold; background: transparent url(images/minus.gif) no-repeat left center; padding-left: 16px; cursor: pointer; height: 18px; padding-top: 3px; border: 1px solid #c3cbd1;}
.sp-main { padding: 3px; padding-top: 1px;; border: 1px solid #c3cbd1; border-top: 0px; background: #fafafa; display: none; }
/* Стили Spoiler 2.0 */ 4. Идем: (Управление дизайном » Редактирование шаблонов » Форум » Общий вид страниц форума), находим там $BODY$ и после него вставляем: Code <script type="text/javascript" src="/js/spoiler.js"></script> 5. Заходим: (Управление дизайном » Редактирование шаблонов » Форум » Форма добавления сообщений), перед тегом $_MESSAGE$ вставляем: Code <input title="Спойлер" value="Спойлер" onclick="tag_spoiler('message');" class="codeButtons" style="width: 60px;" name="url" type="button">
Я рад Вам помочь! Только скажите - КАК?
| 
Главная форума
На сайт
Регистрация
Новые сообщения
Правила форума
Поиск
Быстрый вход
