Новый спойлер для форума.
Чем он лучше предыдущего? * Красивый.
* Используется отдельный css.
* Использует графическое распознавание при открытие закрытие спойлера.
* Теперь спойлеру можно давать свое имя, причем каждому свое.
* При добавление спойлера сделана уведомление о его название.
* Исправлены ошибки при вылете из дизайна сайта.
Заходим:
Главная » Управление дизайном » Редактирование шаблонов » Форум » Общий вид страниц форума
Находим:
И после него вставляем:
Code
<script type="text/javascript" src="/js/bspoiler.js"></script>
Заходим:
Главная » Управление дизайном » Редактирование шаблонов » Форум » Форма добавления сообщений
Перед тегом:
Вставляем:
Code
<input title="Спойлер" value="Спойлер" onclick="tag_spoiler('message','')" class="codeButtons" style="width: 60px;" name="url" type="button">
Далее заходим: Главная » Управление дизайном » Редактирование шаблонов » Общие шаблоны » Таблица стилей css
И в самом низу вставляем:
Code
a.bspoiler:link {text-decoration:none;}
a.bspoiler:visited {text-decoration:none;}
a.bspoiler:hover {text-decoration:none;}
a.bspoiler:active {text-decoration:none;}
.bspoilerdiv {height: 18px; padding-left: 3px; padding-top: 3px; background: #c4c4c4; border: 1px solid #000; border-bottom: 0px;}
.bspoilerdtw {margin: 3px; margin-top:1px;}
Файл -bspoiler.js необходимо загрузить в папку js.
Файл - minus.gif & plus.gif необходимо загрузить в папку images.
bspoiler Это скрипт для светлого дизайна
Для темного дизайна
замените
Code
a.bspoiler:link {text-decoration:none;}
a.bspoiler:visited {text-decoration:none;}
a.bspoiler:hover {text-decoration:none;}
a.bspoiler:active {text-decoration:none;}
.bspoilerdiv {height: 18px; padding-left: 3px; padding-top: 3px; background: #c4c4c4; border: 1px solid #000; border-bottom: 0px;}
.bspoilerdtw {margin: 3px; margin-top:1px;}
на
Code
a.bspoiler:link {text-decoration:none; color: #fafafa;}
a.bspoiler:visited {text-decoration:none; color: #fafafa;}
a.bspoiler:hover {text-decoration:none; color: #fafafa;}
a.bspoiler:active {text-decoration:none; color: #fafafa;}
.bspoilerdiv {height: 18px; padding-left: 3px; padding-top: 3px; background: #484848; border: 1px solid #fafafa; border-bottom: 0px;}
.bspoilerdtw {margin: 3px; margin-top:1px;}
