Site spolier 2.1

Бесплатные и интересные решения для сайтов.
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!
Внимание: В этом разделе можно оставлять только готовые скрипты, для вопросов есть раздел Общение!!! :evil: Иначе, получите предупреждение, а потом бан :D .
Ответить
Аватара пользователя
Tilos
Сообщения: 104
Зарегистрирован: 29 апр 2009, 20:22

Site spolier 2.1

Сообщение Tilos »

Изображение

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

[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качать спойлер

Только одна проблема! Иногда страница просто зависает и выполняется какой-то сценарий в браузерах!
Аватара пользователя
uWeb
Сообщения: 188
Зарегистрирован: 09 июл 2009, 23:02

Re: Site spolier 2.1

Сообщение uWeb »

беспонтовая тема читаем
Vanofuture
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36

Re: Site spolier 2.1

Сообщение Vanofuture »

Жуткий код. Аффтару нужно учить js, regexp и jq.
Аватара пользователя
Tilos
Сообщения: 104
Зарегистрирован: 29 апр 2009, 20:22

Re: Site spolier 2.1

Сообщение Tilos »

uWeb, интересно когда он выйдет! Круто будет!! НО сначала бы этот поставить...А то у этого лаги
Vanofuture, да там ещеи лаг..браузер винсет из-за какого-то сценария
Аватара пользователя
AllCity
Сообщения: 2508
Зарегистрирован: 18 апр 2008, 17:52
Контактная информация:

Re: Site spolier 2.1

Сообщение AllCity »

Tilos писал(а):интересно когда он выйдет!

через год :D
Tilos писал(а):да там ещеи лаг.

В архиве уже есть спойлер из двух строк скрипта!
Аватара пользователя
Tilos
Сообщения: 104
Зарегистрирован: 29 апр 2009, 20:22

Re: Site spolier 2.1

Сообщение Tilos »

AllCity писал(а):через год :D

:D
AllCity писал(а):В архиве уже есть спойлер из двух строк скрипта!

Я пока что нашел обычный спойлер! А тут можно ему и название давать :!:
Ответить