Главная » 2012 » Ноябрь » 30 » Три дополнительных bb-кода для форума (Скрипты для ucoz)
30.11.2012, 00:54

Три дополнительных bb-кода для форума




Данный скрипт добавим несколько, а если быть точнее, три новых bb-кодов на форум: "Информация", "Дополнительно", "Выделение текста". Также, при наведении на поля у них уменьшается прозрачность, что выглядит симпатично.Установка дополнительных bb кнопок:
1. Идем в ПУ -> Управление дизайном -> Форум -> Общий вид страниц форума и сразу после $BODY$ добавляем следующий скрипт:

Code
<script type="text/javascript" src="/js/forumnewbb.js"></script>


2. Далее переходим в Форму добавления сообщения (также для форума), находим $BBCODES$ и после пишем:

Code
<span style="padding-right:1px;"><input type="button" class="codeButtons" onclick="simpletag('info','','','message','');return false;" value="info" id="info" title="Важная информация"></span><span style="padding-right:1px;"><input type="button" class="codeButtons" onclick="simpletag('extra','','','message','');return false;" value="extra" id="extra" title="Дополнительно"></span><span style="padding-right:1px;"><input type="button" class="codeButtons" onclick="simpletag('add','','','message','');return false;" value="add" id="add" title="Выделение текста"></span>

3. Далее переходим в Таблицу стилей CSS и добавляем:

Code
.CodeBlock_bb {padding-top: 5px; padding-bottom: 3px;}
.information_bb {color:#745e60;max-width:655px; background: url('/img/information.png') no-repeat 4px 4px #fcf0f0; padding:5px 10px 5px 20px !important; border:1px dotted #eeaaaa; border-left:3px solid #eeaaaa; border-bottom:0px; text-shadow:0px 1px 0px #fff; -webkit-border-top-left-radius: 2px;-moz-border-radius-topleft: 2px;border-top-left-radius: 2px;}
.information_bbm {overflow: hidden;color:#333;max-width:675px; border:1px dotted #eeaaaa !important; border-left:3px solid #eeaaaa !important; background:#fafafa; padding:5px; font-size:11px; font-family:tahoma;-webkit-border-bottom-left-radius: 2px;-moz-border-radius-bottomleft: 2px;border-bottom-left-radius: 2px;}
.extra_bb {color:#3a454f;max-width:655px; background: url('/img/extra.png') no-repeat 4px 6px #f0f7fc; padding:5px 10px 5px 20px !important; border:1px dotted #aacdee; border-left:3px solid #aacdee; border-bottom:0px; text-shadow:0px 1px 0px #fff; -webkit-border-top-left-radius: 2px;-moz-border-radius-topleft: 2px;border-top-left-radius: 2px;}
.extra_bbm {overflow: hidden;color:#333;max-width:675px; border:1px dotted #aacaee !important; border-left:3px solid #aacaee !important; background:#fafafa; padding:5px; font-size:11px; font-family:tahoma;-webkit-border-bottom-left-radius: 2px;-moz-border-radius-bottomleft: 2px;border-bottom-left-radius: 2px;}
.add_bb {max-width:665px; background:#fafafa; padding:5px 10px 5px 10px !important; border:1px dotted #ccc; border-left:3px solid #ccc; -webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-moz-border-radius-topleft: 2px;-moz-border-radius-topright: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px;}
.CodeBlock_bb:hover {-webkit-filter:blur(2px) grayscale(2);opacity:.8;cursor: pointer;}

4. Заливаем папки js и img (в прикрепленном архиве) в корень сайта.

Установка завершена!
Материал взят с сайта infoscript.ru
Теги: Скачать Три дополнительных bb-кода для форума
Скачать "Три дополнительных bb-кода для форума"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: http://updatesite.ru
Категория: Скрипты uCoz | Просмотров: 1284 | Добавил: sold93 | Рейтинг: 5.0/2 |
Теги: bb-кода, дополнительных, для, три, форум
Всего комментариев: 6
1 DATORY13   (21.12.2012 01:38)
Аватар пользователя
Админы помогите , можно как нибудь её переделать для новостей, чтобы в форме добовления новости эти рамки были

2 InfoDusha -Infoscript Team-  (21.12.2012 17:26)
Аватар пользователя
монжно, но сложно smile
могу я, но по факту занят, так что ждите такое через неделю - две. biggrin
желательно мне почаще напоминать об этом обещании smile

3 DATORY13   (21.12.2012 17:44)
Аватар пользователя
Буду =)

4 DATORY13   (26.02.2013 21:06)
Аватар пользователя
Помогите переделать их под новости,файлы,доска объявлений

5 InfoDusha -Infoscript Team-  (27.02.2013 15:48)
Аватар пользователя
А может не нааадо? biggrin
Как каникулы будут сделаю, обещаю.. smile

6 DATORY13   (02.03.2013 00:43)
Аватар пользователя
Ды не спешите, раз руки не тянутся делать.:D
Не все сразу же, а по по маленькую можно happy biggrin

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]