Панель BB-кодов для форума uCoz

Рейтинг:5.0

Красивая панель bb-кодов в форме добавления сообщения на форуме
Полностью функциональные коды, хорошо будет смотреться на светлых дизайнах

Установка:

1) Скачиваем архив ниже, распаковываем папку bbcodes и загружаем её в корень сайта

2) Заходим в ПУ » Управление дизайном » Форум » Форма добавления сообщения
Ищем $BBCODES$ и вместо него вставляем:

Code

<div style="display:none">$BBCODES$</div>
<script type="text/javascript" src="/bbcodes/ucoz/bbcodes.js"></script>
<style>@import "/bbcodes/ucoz/bbcodes.css";</style>
 <div style='position:relative;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #eee;background:#eee;'>
 <div style='background:url(/bbcodes/ucoz/panelbbcode.png);z-index:2;position:relative;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #bbb;padding:4px 4px 2px;'>
 <div style="float:left;" class="gadf">
 <img src="/bbcodes/ucoz/text_bold.png" id="b" title="Жирный" onclick="simpletag('b','','','message','')"/>
 <img src="/bbcodes/ucoz/text_italic.png" id="i" title="Наклонный" onclick="simpletag('i','','','message','')"/>
 <img src="/bbcodes/ucoz/text_underline.png" id="u" title="Подчеркнутый" onclick="simpletag('u','','','message','')"/>
 <img src="/bbcodes/ucoz/text_overline.png" id="o" title="Надчеркнутый" onclick="simpletag('o','','','message','')"/>
 <img src="/bbcodes/ucoz/text_strikethrough.png" id="s" title="Зачеркнутый" onclick="simpletag('s','','','message','')"/>
 <img src="/bbcodes/ucoz/subscript.png" id="sub" title="Субскрипт" onclick="simpletag('sub','','','message','')"/>
 <img src="/bbcodes/ucoz/superscript.png" id="sup" title="Суперскрипт" onclick="simpletag('sup','','','message','')"/>
 <img src="bbcodes/ucoz/devider.png" style="cursor:default"/>
 <img class="butt" src="/bbcodes/ucoz/font.png" title="Шрифт" onclick="sbb('fontbb');clos('fontsizebb');clos('colorsbb');"/>
 </div>
 <div style="position:relative;float:left">
 
<div class="closeaddfor" onclick="sbb('fontbb');clos('fontsizebb');clos('colorsbb');"></div>
 
 Arial 
 Times 
 Courier 
 Impact 
 Geneva 
 Optima 
 Tahoma
 
 <img class="butt" src="/bbcodes/ucoz/style.png" title="Размер шрифта" onclick="sbb('fontsizebb');clos('fontbb');clos('colorsbb');"/>
 </div>
 <div style="position:relative;float:left">
 
<div class="closeaddfor" onclick="sbb('fontsizebb');clos('fontbb');clos('colorsbb');"></div>
 
 8pt 
 9pt 
 10pt 
 11pt 
 12pt 
 13pt 
 14pt 
 15pt 
 16pt 
 17pt 
 18pt
 
 <img class="butt" src="/bbcodes/ucoz/color.png" title="Цвет шрифта" onclick="sbb('colorsbb');clos('fontsizebb');clos('fontbb');"/>
 </div>
 <div style="position:relative;float:left">
 
<div class="closeaddfor" onclick="sbb('colorsbb');clos('fontsizebb');clos('fontbb');"></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 </div>
 <img src="/bbcodes/ucoz/devider.png" style="cursor:default"/>

 <img src="/bbcodes/ucoz/link_add.png" id="url" title="Вставить ссылку" onclick="tag_url('message','')"/>
 <img src="/bbcodes/ucoz/image_add12.png" id="spoiler" title="Вставить спойлер" onclick="simpletag('spoiler','','','message','')"/>
 <img src="/bbcodes/ucoz/email_add.png" id="email" title="Вставить электропочту" onclick="tag_email('message','')"/>
 <img src="/bbcodes/ucoz/image_add.png" id="img" title="Вставить изображение" onclick="tag_image('message','')"/>
 <img src="/bbcodes/ucoz/comment_add.png" id="quote" title="Вставить цитату" onclick="simpletag('quote','','','message','')"/>
 <img src="/bbcodes/ucoz/script_add.png" id="codes" title="Вставить код" onclick="simpletag('code','','','message','')"/>
 <img src="/bbcodes/ucoz/lock_add.png" id="hide" title="Только для зарегистрированных" onclick="simpletag('hide','','','message','')"/>

 <img src="/bbcodes/ucoz/devider.png" style="cursor:default"/>

 <img src="/bbcodes/ucoz/text_list_bullets.png" title="Вставить список" onclick="tag_list('message','')"/>
 <img src="/bbcodes/ucoz/text_align_left.png" id="l" title="Слева" onclick="simpletag('l','','','message')"/>
 <img src="/bbcodes/ucoz/text_align_center.png" id="c" title="По центру" onclick="simpletag('c','','','message')"/>
 <img src="/bbcodes/ucoz/text_align_right.png" id="r" title="Справа" onclick="simpletag('r','','','message')"/>
 <img src="/bbcodes/ucoz/text_align_justify.png" id="j" title="По ширине" onclick="simpletag('j','','','message')"/>
 <img src="/bbcodes/ucoz/text_hr.png" title="Черта" onclick="add_code('[hr]','message')"/>

 <img src="/bbcodes/ucoz/devider.png" style="cursor:default"/>

 <img src="/bbcodes/ucoz/accept.png" title="Закрыть все ББ коды" onclick="closeall('message','');"/>
 <img src="/bbcodes/ucoz/emoticon_smile.png" title="Смайл's" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-1-'});"/>
 <img src="/bbcodes/ucoz/keyboard.png" title="Экранная клавиатура" onclick="window.open('/forum/0-0-0-31','virtKB','width=300,height=120,top=0,left=0');"/>

 <img src="/bbcodes/ucoz/help.png" title="Справка по ББ кодам" onclick="window.open('/index/17','bbcodes','scrollbars=1,width=550,height=450,left=0,top=0');"/>
 </div>
 </div>

3) Заходим в ПУ » Управление дизайном » Форум » Общий вид страниц форума
Между и вставляем:
Код: Выделить всё

Code

Готово, удачи