Fight in this online game   [ Dark shadows and demons have taken over the country of Aris... ]
Новый красивый Spoiler для форума - Для форума - Все для cms uCoz - Форум веб-мастеров Scripts-For-You.RU
  Главная | Скрипты для uCoz | Шаблоны для uCoz | Статьи веб-мастеру | Ваша ссылка | Софт для популярнейших CMS | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 1 1
Модератор форума: Aid  
Форум веб-мастеров Scripts-For-You.RU » Все для cms uCoz » Для форума » Новый красивый Spoiler для форума
Новый красивый Spoiler для форума
Marques Дата: Понедельник, 27.09.2010, 14:57 | Сообщение # 1
Генерал-лейтенант
Группа: Администраторы
Сообщений: 591
Награды: 4
Репутация: 14
Статус: Offline
Webmoney BL:
За основу был взят 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. Идем: (Управление дизайном » Редактирование шаблонов » Форум » Общий вид страниц форума)

- После </head> вставляем:
Доступно только для пользователей

Code
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

- Находим там $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">

Все права на Spoiler 2.0 - @KIMMI edition BETA принадлежат @KIMMI и сайту 4newz.ru
Архив
http://ingaters.ucoz.net/forum/
тут пример спойлера.

Реклама на сайте
Серивисы сайта scripts-for-you.ru
Как скачать БЕСПЛАТНО с Letitbit.net и с up-file.com
Как скачать БЕСПЛАТНО с depositfiles.com
Прочие мануалы по скачиванию файлов
Удача Благоволит Великим! (с)
 
Форум веб-мастеров Scripts-For-You.RU » Все для cms uCoz » Для форума » Новый красивый Spoiler для форума
Страница 1 из 1 1
Поиск:

Made by Scripts Team © 2012
Создать сайт бесплатно