Site spolier 2.1
Добавлено: 30 июл 2009, 22:13
[+] Плавность открытия содержимого спойлера
[+] Усовершенствована вставка спойлера в сообщение
[+] Изменен дизайн спойлера
[BETA] Пока что это тестовая версия скрипта
Установка скрипта:
1. Загрузите изображения с иконками (плюс, минус) в папку images/ к себе на сайт.
2. Загрузите скрипт 'spoiler.js' к себе на сайт в папку js/.
3. Добавьте данный код в таблицу стилей:
(Управление дизайном » Таблица стилей (CSS))
Код: Выделить всё
/* Стили Spoiler 2.0 edition */
.spoiler { background: #1d1d1b; }
.sp-head { font-weight:bold; background: transparent url(http://ultipes.ru/images/plus.gif) no-repeat left center; padding-left: 16px; cursor: pointer; height: 18px; padding-top: 3px; border: 1px solid #565a5d;}
.sp-head-minus { font-weight:bold; background: transparent url(http://ultipes.ru/images/minus.gif) no-repeat left center; padding-left: 16px; cursor: pointer; height: 18px; padding-top: 3px; border: 1px solid #565a5d;}
.sp-main { padding: 3px; padding-top: 1px;; border: 1px solid #4e4e4e; border-top: 0px; background: #2c2929; display: none; }
/* Стили Spoiler 2.0 edition */4. Идем: (Управление дизайном » Редактирование шаблонов » Форум » Общий вид страниц форума)
- После </head> вставляем
Код: Выделить всё
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>Находим там $BODY$ и после него вставляем
Код: Выделить всё
<script type="text/javascript" src="/js/spoiler.js"></script> 5. Заходим: (Управление дизайном » Редактирование шаблонов » Форум » Форма добавления сообщений), перед тегом $_MESSAGE$ вставляем:
Код: Выделить всё
<input title="Спойлер" value="Спойлер" onclick="tag_spoiler('message');" class="codeButtons" style="width: 60px;" name="url" type="button">http://ifolder.ru/13254764-Cкачать спойлер
Только одна проблема! Иногда страница просто зависает и выполняется какой-то сценарий в браузерах!
