Игровой портал DIZCss
Страница 1 из 11
Форум » Общее » Скрипты для UCOZ » Spoiler 2.0 - @KIMMI edition BETA
Spoiler 2.0 - @KIMMI edition BETA
halmerДата: Воскресенье, 13.12.2009, 22:22 | Сообщение # 1
Прижившийся
Пользователи
146
0
[ 0 ]
Offline

Spoiler 2.0 - @KIMMI edition BETA

Это моя версия спойлера для форума, созданного Benq. За основу был взят Sploiler 2.0 by benq. Итак, что нового и модернизированного в этой версии Спойлера для форума:

[+] Плавность открытия содержимого спойлера
[+] Усовершенствована вставка спойлера в сообщение
[+] Изменен дизайн спойлера

[BETA] Пока что это тестовая версия скрипта, просьба всем сообщать об ошибках, если такие будут найдены.

Оригинальная версия скрипты: Spoiler 2.0 by benq [megasoft.3dn.ru]
Данная модернизация скрипта: Spoiler 2.0 @KIMMI edition [4newz.ru]

Установка скрипта:

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 @KIMMI edition */

4. Идем: (Управление дизайном » Редактирование шаблонов » Форум » Общий вид страниц форума)

- После вставляем:

Code

- Находим там $BODY$ и после него вставляем:

Code

5. Заходим: (Управление дизайном » Редактирование шаблонов » Форум » Форма добавления сообщений), перед тегом $_MESSAGE$ вставляем:

Code
<input title="Спойлер" value="Спойлер" onclick="tag_spoiler('message');" class="codeButtons" style="width: 60px;" name="url" type="button">

Пример скрипта:
Смотрите здесь: http://4newz.ru/forum/47-82

Все права на Spoiler 2.0 - @KIMMI edition BETA принадлежат @KIMMI и сайту 4newz.ru

Скрипт и картинки можно скачать здесь:
http://4newz.ru/_fr/0/spoiler-2.0-kim.rar

Форум » Общее » Скрипты для UCOZ » Spoiler 2.0 - @KIMMI edition BETA
Страница 1 из 11
Поиск:


Есть новые сообщения
Есть новые сообщения
Нет новых сообщений
Нет новых сообщений

Хостинг от uCoz