Новый универсальный вид BBcode кнопок на форуме
Все и всегда стремятся сделать свои форум уникальным и не неповторимым по отношению к другим сайтам системы ucoz, и многие помогает такое дизайнерское красивое решение с заменой простых кнопок на графические.Форма добавления сообщений для форума может кому пригодится для белых дизайн сайтов.
Установка на форум:
Вставляете в форму добавления сообщений на форум, далее скачиваем архив там папка из неё заливаете картинки из папки images в файловый менеджер в папку images .
Code
<style> input {margin:0;padding:0;} .forumadd textarea {padding:0;margin:0;} .smilesPart {display:none;} .forumadd img {border:0;} .forumadd {border:solid 5px #525252;background:#fff;font-family:Tahoma;font-size:12px;} .forumaddtop {background:#eeeeee;height:30px;border-bottom:solid 1px #dddddd;border-top:solid 1px #f8f8f8;padding:6px 4px 4px 4px;} .forumaddtop select {border:solid 1px #c5c5c5;background:#fff;color:#595959;font-family:Tahoma;font-size:11px;height:25px;} .forumaddmessage {margin-right:0px;} .postTextFl {background:none;border:none;height:260px;width: 100% !important;} .forumaddright input {background:none;border:none;font-family:Tahoma;font-size:12px;float:right;padding-top:4px;color:#595959;} .forumaddright input:hover {text-decoration:underline} #secImgForum {height:27px;} .securityCode {background:#fff;border:solid 1px #c5c5c5;height:27px;} </style> <script type="text/javascript" src="http://s33.ucoz.net/src/bbcodes.js"></script> <div class="smilesPart">$SMILES$</div> <div class="forumadd"> <div class="forumaddtop"> <div style="float:left;"> <select id="ffont" class="codeButtons" onchange="alterfont(this.options[this.selectedIndex].value,'font','message','');this.selectedIndex=0;"><option value="0">Шрифт </option><option value="Arial">Arial</option><option value="Times">Times</option><option value="Courier">Courier</option><option value="Impact">Impact</option><option value="Geneva">Geneva</option><option value="Optima">Optima</option></select> <select id="fsize" class="codeButtons" onchange="alterfont(this.options[this.selectedIndex].value,'size','message','');this.selectedIndex=0;"><option value="0">Размер </option><option value="6">6 pt</option><option value="7">7 pt</option><option value="8">8 pt</option><option value="9">9 pt</option><option value="10">10 pt</option><option value="11">11 pt</option><option value="12">12 pt</option><option value="13">13 pt</option><option value="14">14 pt</option><option value="15">15 pt</option><option value="16">16 pt</option><option value="17">17 pt</option><option value="18">18 pt</option><option value="19">19 pt</option><option value="20">20 pt</option><option value="21">21 pt</option><option value="22">22 pt</option></select> <select id="fcolor" class="codeButtons" onchange="alterfont(this.options[this.selectedIndex].value, 'color','message','');this.selectedIndex=0;"><option value="0">Цвет </option><option value="blue" style="color:blue">Blue</option><option value="red" style="color:red">Red</option><option value="purple" style="color:purple">Purple</option><option value="orange" style="color:orange">Orange</option><option value="yellow" style="color:yellow">Yellow</option><option value="gray" style="color:gray">Gray</option><option value="green" style="color:green">Green</option></select> </div> <?if($_SECURITY_CODE$)?> <div style="float:right;font-family:Tahoma;font-size:12px;"> Код безопасности: $_SECURITY_CODE$ </div> <?endif?> </div> <div class="forumaddtop"> <div style="float:left;"> <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+='[b][/b]';return false;"><img src="/images/b.png" alt="" alt="жирний текст"></a><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+='[i][/i]';return false;"><img src="/images/k.png" alt="" title="наклонный текст"></a><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+='[u][/u]';return false;"><img src="/images/u.png" alt="" title="подчёркнутый текст"></a><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+='[s][/s]';return false;"><img src="/images/s.png" alt="" title="зачёркнутый текст"></a><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+='[img][/img]';return false;"><img src="/images/img.png" alt="" title="вставить картинку"></a><a href="javascript:void('Apply to')" onclick="tag_url('message','')"><img src="/images/url.png"></a><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+='[email][/email]';return false;"><img src="/images/mail.png" alt="" title="вставить емейл адрес"></a><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+='[code][//code]';return false;"><img src="/images/code.png" alt="" title="вставить код"></a><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+='[spoiler][/spoiler]';return false;"><img src="/images/spoiler.png" alt="" title="вставить спойлер"></a><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+='[l][/l]';return false;"><img src="/images/left.png" alt="" title="текст слева"></a><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+='[center][/center]';return false;"><img src="/images/center.png" alt="" title="текст по центру"></a><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+='[r][/r]';return false;"><img src="/images/right.png" alt="" title="текст справа"></a><a href="javascript:void('Apply to')" onclick="closeall('message','');"><img src="/images/close.png" alt="" title="закрыть все коды"></a><a href="javascript:void('Apply to')" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-1-'});"><img src="/images/smiles.png" alt="" title="вставить смайлы"></a><a href="javascript:void('Apply to')" onclick="window.open('http://ucozon.ru/index/17','bbcodes','scrollbars=1,width=550,height=450,left=0,top=0');"><img src="/images/allcodes.png" alt="" title="показать все коды"></a> </div> <div class="forumaddright"> <input type="submit" name="sbm" width="100%" value="Добавить сообщение" /> <input type="button" style="margin-right:10px;" width="100%" value="Просмотреть" onclick="prepost();" /> </div> </div> <div class="forumaddmessage"> $_MESSAGE$ </div> </div>
Автор\Источник: http://l2edit.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Размер: 26.5 Kb
Просмотров: 2690
| Рейтинг: 1.0 /1 |
- Оценить -
Отлично
Хорошо
Неплохо
Плохо
Ужасно
|Категория: Скрипты для форума | Добавил: мир
| Дата: 10.11.2011 | Скачали: 62 | Теги: форуме , кнопок , bbcode , универсальный , новый
Похожие новости на нашем сайте
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]