Расширенная форма быстрого ответа, Сборка сервиса

С помощью данного скрипта вы сможете добавить в форму быстрого ответа маленькую симпотичную формочку быстрых тегов. *Чтоб вас заинтересовало сразу привожу СКРИНШОТ.


ЧАСТЬ ПЕРВАЯ: ТЕГИ
Быстрые теги работают по очень удобному методу:

• Вставляются на место курсора
• Если есть выделенный текст, то они обводят его.

Скрипт проверен в ИЕ, Mozilla, Opera. Думаю проблем особых не должно быть.
И так, преступим к установке.

1) Стиль.
В формочке используются название стандартных классов скина, но есть мелкое изменение для курсора:
АЦ -> Скины/Шаблоны -> Стиль -> Редактировать
Находим:

Цитата

.row2 { background-color: #DFE6EF }

копируем, вставляем ниже, добавляем "x" в название, и 1 оператор. Выглядеть будет так:

Цитата

.row2x { background-color: #DFE6EF;cursor: pointer;}

Повторяю:Код НЕ заменять, а добавлять ниже.

2) Форма.
АЦ -> Скины/Шаблоны -> HTML шаблоны -> Настройка HTML -> Topic View Section -> quick_reply_box_open
Находим:

Цитата

  <!-- TITLE DIV -->
          <div class="tableborder">
            <div class='maintitle'><{CAT_IMG}>&nbsp;{ibf.lang.qr_title}</div>
                <div class="tablepad" align="center">

И после этого вставляем:

Цитата

<!== НАЧАЛО ТЕГИ В БЫСТРОМ ОТВЕТЕ ==>

<div class="tablepad" align="center">
<table border=0><tr><td width=33%>
<table class= "tableborder" cellpadding= 5 cellspacing=1>
<tr class= "maintitle"><td colspan=3 align="center">Быстрые теги</td></tr>
<tr><td>
<table class= "tableborder" cellpadding= 5 cellspacing=1>
<tr class="row2x" align = "center"><td colspan=2 width = 33% onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('B');this.style.backgroundColor='#EEF2F7'"><span><B>B</B></span></td><td colspan=2  width = 33% onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('I');this.style.backgroundColor='#EEF2F7'"><span><I>I</I></span></td><td colspan=2 width = 33% onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('U');this.style.backgroundColor='#EEF2F7'"><span><U>U</u></span></td></tr>
<tr class= "row2x" align = "center"><td colspan=2 onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('URL');this.style.backgroundColor='#EEF2F7'"><span><U>URL</U></span></td><td colspan=2 onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('IMG');this.style.backgroundColor='#EEF2F7'"><span><U>IMG</U></span></td><td colspan=2 onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('HTML');this.style.backgroundColor='#EEF2F7'"><span><font size=2>HTML</font></span></td></tr>
<tr class="row2x" align = "center"><td colspan=2 onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('QUOTE');this.style.backgroundColor='#EEF2F7'"><span>Quote</span></td><td colspan=2 onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('CODE');this.style.backgroundColor='#EEF2F7'"><span>Code</span></td><td colspan=2 onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('List');this.style.backgroundColor='#EEF2F7'"><span>List</span></td></tr>
<!--COLOR-->
<tr><td style="background-color:blue; cursor:pointer; height:10px" onmouseover = "copyTC('blue')" onclick = "insTxt()"></td>
<td style="background-color:purple; cursor:pointer" onmouseover = "copyTC('purple')" onclick = "insTxt()"></td>
<td style="background-color:brown; cursor:pointer" onmouseover = "copyTC('brown')" onclick = "insTxt()"></td>
<td style="background-color:orange; cursor:pointer" onmouseover = "copyTC('orange')" onclick = "insTxt()"></td>
<td style="background-color:red; cursor:pointer" onmouseover = "copyTC('red')" onclick = "insTxt()"></td>
<td style="background-color:green; cursor:pointer" onmouseover = "copyTC('green')" onclick = "insTxt()"></td>
</td></tr></table></td></tr>
</table>

</td>
   <td width=34% align="center">
      <textarea cols='70' rows='8' name='Post' class='textinput' tabindex="1" id="tex" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="storeCaret(this);"></textarea>
  </td>

  <td width=33%></td>
</tr>
</table>

<!== КОНЕЦ ТЕГИ В БЫСТРОМ ОТВЕТЕ ==>

Удаляем тока старую строчку с textarea

ВНИМАНИЕ:
Приведенный код уже содержит текстареу со всем её "наворотами", то есть старую текстареу вы должны УДАЛИТЬ. Изначально она у вас выглядит примерно так:

Цитата

<textarea cols='70' rows='8' name='Post' class='textinput' tabindex="1"></textarea>

3) Скрипт.
АЦ -> Скины/Шаблоны -> HTML шаблоны -> Настройка HTML -> Topic View Section -> Header
Перед

Цитата

//-->
    </script>

Вставляем

Код

function copyT(code)
{if (typeof(document.getElementById('tex').caretPos) != 'undefined'){
if (window.getSelection) {text=window.getSelection()}
else if (document.selection) {text=document.selection.createRange().text;}
text='['+code+']'+text+'[/'+code+']'
}
else if (typeof(document.getElementById('tex').selectionStart) != 'undefined')
{
text = document.getElementById('tex').value.substring(document.getElementById('tex').selectionStart,document.getElementById('tex').selectionEnd)
text='['+code+']'+text+'[/'+code+']'
}

}

function copyTC(cl)
{if (typeof(document.getElementById('tex').caretPos) != 'undefined'){
if (window.getSelection) {text=window.getSelection()}
else if (document.selection) {text=document.selection.createRange().text;}
text='[COLOR='+cl+']'+text+'[/COLOR]'
}
else if (typeof(document.getElementById('tex').selectionStart) != 'undefined')
{
text = document.getElementById('tex').value.substring(document.getElementById('tex').selectionStart,document.getElementById('tex').selectionEnd)
text='[COLOR='+cl+']'+text+'[/COLOR]'
}

}

function storeCaret(element)
{
if (typeof(document.selection) != 'undefined' && typeof(document.selection.createRange) != 'undefined')
element.caretPos=document.selection.createRange().duplicate();
}

function insTxt()
{ var element = document.getElementById("tex")
if (!element)
return;
element.focus();
if (typeof(element.caretPos) != 'undefined')
element.caretPos.text = text;
else if (typeof(element.selectionStart) != 'undefined')
{
var newPos = element.selectionEnd + text.length;
element.value = element.value.substring(0, element.selectionStart) + text + element.value.substring(element.selectionEnd, element.value.length);
element.setSelectionRange(newPos, newPos);
}
else
element.value += text;
}

ЧАСТЬ ВТОРАЯ: СМАЙЛИКИ

Для того, чтобы были смайлики в быстром ответе во-первых, поставить скрипт добавления имени, который находится здесь:
http://ipboard.net/index.php?showtopic=26

Админцентр -> HTML шаблоны -> Настройка HTML -> Topic View Section -> quick_reply_box_open
Жмем Редактировать

Там найти строку

Цитата

<!== КОНЕЦ ТЕГИ В БЫСТРОМ ОТВЕТЕ ==>

и сразу после неё добавить

Код

<!== НАЧАЛО СМАЙЛИКОВ В БЫСТРОМ ОТВЕТЕ ==>
<table width=34% border=0>
<tr>
<td align='center' valign='middle'><a href="javascript:addName(' :) ');"><img src='http://ipboard.net/html/emoticons/smile.gif' border='0' valign='absmiddle' alt='smile.gif'></a></td>
<td align='center' valign='middle'><a href="javascript:addName(' :( ');"><img src='http://ipboard.net/html/emoticons/sad.gif' border='0' valign='absmiddle' alt='sad.gif'></a></td>
<td align='center' valign='middle'><a href="javascript:addName(' :D ');"><img src='http://ipboard.net/html/emoticons/biggrin.gif' border='0' valign='absmiddle' alt='biggrin.gif'></a></td>
<td align='center' valign='middle'><a href="javascript:addName(';) ');"><img src='http://ipboard.net/html/emoticons/wink.gif' border='0' valign='absmiddle' alt='wink.gif'></a></td>
<td align='center' valign='middle'><a href="javascript:addName(' :o ');"><img src='http://ipboard.net/html/emoticons/ohmy.gif' border='0' valign='absmiddle' alt='ohmy.gif'></a></td>
<td align='center' valign='middle'><a href="javascript:addName(' :angry: ');"><img src='http://ipboard.net/html/emoticons/mad.gif' border='0' valign='absmiddle' alt='mad.gif'></a></td>
<td align='center' valign='middle'><a href="javascript:addName(' :P ');"><img src='http://ipboard.net/html/emoticons/tongue.gif' border='0' valign='absmiddle' alt='tongue.gif'></a></td>
<td align='center' valign='middle'><a href="javascript:addName(' :blink: ');"><img src='http://ipboard.net/html/emoticons/blink.gif' border='0' valign='absmiddle' alt='blink.gif'></a></td>
<td align='center' valign='middle'><a href="javascript:addName(' :lol: ');"><img src='http://ipboard.net/html/emoticons/laugh.gif' border='0' valign='absmiddle' alt='laugh.gif'></a></td>
</tr>
</table>
</div>
<!== КОНЕЦ СМАЙЛИКОВ В БЫСТРОМ ОТВЕТЕ ==>

ВАЖНОЕ ЗАМЕЧАНИЕ:
Если вы не хотите устанавливать теги а хотите только смайлы, то:
Вариант другой:
По Прежнему устанавливаете Добавление имени в поле быстрого ответа.
После этого:
Админцентр -> HTML шаблоны -> Настройка HTML -> Topic View Section -> quick_reply_box_open
Жмем Редактировать
Находим там строку

Код

<textarea cols='70' rows='8' name='Post' class='textinput' tabindex="1"></textarea>

И сразу после нее вставляем:

Код

<div>
<tr>
<td align='center' class='row2' valign='middle'><a href="javascript:addName(' :) ');"><img src='http://ipb.su/html/emoticons/smile.gif' border='0' valign='absmiddle' alt='smile.gif'></a></td>
<td align='center' class='row2' valign='middle'><a href="javascript:addName(' :( ');"><img src='http://ipb.su/html/emoticons/sad.gif' border='0' valign='absmiddle' alt='sad.gif'></a></td>
<td align='center' class='row2' valign='middle'><a href="javascript:addName(' :D ');"><img src='http://ipb.su/html/emoticons/biggrin.gif' border='0' valign='absmiddle' alt='biggrin.gif'></a></td>
<td align='center' class='row2' valign='middle'><a href="javascript:addName(';) ');"><img src='http://ipb.su/html/emoticons/wink.gif' border='0' valign='absmiddle' alt='wink.gif'></a></td>
<td align='center' class='row2' valign='middle'><a href="javascript:addName(' :o ');"><img src='http://ipb.su/html/emoticons/ohmy.gif' border='0' valign='absmiddle' alt='ohmy.gif'></a></td>
<td align='center' class='row2' valign='middle'><a href="javascript:addName(' :angry: ');"><img src='http://ipb.su/html/emoticons/mad.gif' border='0' valign='absmiddle' alt='mad.gif'></a></td>
<td align='center' class='row2' valign='middle'><a href="javascript:addName(' :P ');"><img src='http://ipb.su/html/emoticons/tongue.gif' border='0' valign='absmiddle' alt='tongue.gif'></a></td>
<td align='center' class='row2' valign='middle'><a href="javascript:addName(' :blink: ');"><img src='http://ipb.su/html/emoticons/blink.gif' border='0' valign='absmiddle' alt='blink.gif'></a></td>
<td align='center' class='row2' valign='middle'><a href="javascript:addName(' :lol: ');"><img src='http://ipb.su/html/emoticons/laugh.gif' border='0' valign='absmiddle' alt='laugh.gif'></a></td>
</tr>
</div>

ДОБАВЛЕНИЕ: ВОЗМОЖНОСТЬ ОТСЫЛАТЬ СООБЩЕНИЯ ИЗ ФОРМЫ БЫСТРОГО ОТВЕТА СОЧЕТАНИЕМ НАЖАТЫХ КЛАВИШ CTRL + ENTER
Админцентр -> HTML шаблоны -> Настройка HTML -> Topic View Section -> quick_reply_box_open
в самом начала после:

Цитата

<script type="text/javascript">
<!--

вставляем:

Цитата

document.onkeydown=function(e){
if (e) event=e
if ((event.keyCode==13)&&(event.ctrlKey)){
     document.REPLIER.submit.click();
}}

Все
© Использовались материалы авторов Maslo и Zhz

Это сообщение отредактировал аsm-а - Фев 10 2015, 13:26

Люси,
а что тут непонятно ?

Найди старый текстареа и замени на этот

Люси, В аську ко мне. Разберемся.

Сегодня ночью решил переделать форму быстрого ответа.

Вот что получилось :

Если кому интересно будет выкину скрипт.



Присоединённые изображения

LAF,мне

LAF,

Интересно.

Добрый,
Нечего если я весь "quick_reply_box_open" сюда кину ? То по пунктам уже не вспомню, что и как

LAF, хм, только там изменения были?

Добрый,
Вроде нет

Крч ладно сейчас разберусь, что к чему там и кину сюда

Так эту форму быстрого ответа, ставим на чистый "quick_reply_box_open" тобишь старые (другие) моды на расширенную форму ответа вам придёться удалить.

Прежде чем это ставить советую сохранить "quick_reply_box_open"...так как во первых проверял только на одном скине...да и могу сейчас ошибиться в чём-то, так как хотел спать и уже плохо понимал, что делаю

Заходим в "quick_reply_box_open"

И находим там :

И заменяем это, вот этим (да,да удаляем текстарею) :

Если вдруг не работает пишим сюда, буду искать в чём причина.

Пример работы можно посмотреть у меня на форуме http://laf.ipb.su/

Скриншот пару постами выше есть.

Пы Сы со смайликами могут быть траблы, так как они взять с моего форума, у вас таких может и не быть...есть два выхода, первый это сделать такие же как и у меня второй уже не такой простой, но хотя мож и простой, это как для кого.
Заходим в форму ответа у СЕБЯ на форуме, кликаем правой кнопкой находим "просмотр исходного кода странице" находи там :

и копируем весь код смайлов. потом находим тоже самое в скрипте мода разширеной формы ответа, которую я дал и меняем мои смайлики на ваши, вот и все.

Удачи в установки Это все просто, хоть на первый взгляд выглядит и не так.

LAF,можно было бы табличку со смайликами справа от поля набора текста запихнуть

Добрый,
ок сегодня вечером сделаю её в правом боку

всё ))) я перечиталась ))) вторые сутки не сплю ((( ничего не соображаю ))))) смотрю на всё написанное на первой странице всё понятно и доступно. Но мне понравился вариант LAF больше. И вот тут мне не доступно расписано )))) с чего начинать... В своём текущем стиле найти опцию ("quick_reply_box_open") ? И от туда плясать? Еуда ? Искать где что нудно убрать и от сюда копирнуть то, что предложено? Бррр, три утра почти .... ушла ка я посплю. Завтра если не разберусь, приду сюда ))) с вопросами опять )

Je Ane,
Все просто :

0) Сохраним все что находиться в quick_reply_box_open в блокнот, что бы если, что все можно было вернуть.

1) Заходим
АЦ -> Скины/Шаблоны -> HTML шаблоны -> Настройка HTML -> Topic View Section -> quick_reply_box_open

2) Находим :
<textarea cols='70' rows='8' name='Post' class='textinput' tabindex="1"></textarea>

3) Заменяем это, на мод который выше

4) прочитать то что я писал в своём посте насчёт смайлов

5) Сохраняем

сАпАсиб ))) Но уже завтра. Всё поставлю и приду отчитаться .... или , если не получиться, тогда с вопросами ))) *сон у мну уже везде* =)

Ну что, у меня ничего не получилось. Всё проделала так как написано выше .... Вот даже изменённый скрипт притащила с собой ... Но, не нажимается кнопка раз, и вдобавок пропало окно перехода в другие форумы внизу странички. Что не так? *хорошо я всё скопировала и быстро всё поправила , спасибо) *




<script type="text/javascript">
<!--
function emo_pop()
{
window.open('index.{ibf.vars.php_ext}?act=legends&amp;CODE=emoticons&amp;s={ibf.session_id}','Legends','width=250,height=500,resizable=yes,scrollbars=yes');
}
//-->
</script>
<br />
<div align='left' id='qr_open' style="display:$show;position:relative;">
<form name='REPLIER' action="{ibf.script_url}" method='post'>
<input type='hidden' name='act' value='Post' />
<input type='hidden' name='CODE' value='03' />
<input type='hidden' name='f' value='$fid' />
<input type='hidden' name='t' value='$tid' />
<input type='hidden' name='st' value='{$ibforums->input['st']}' />
<input type='hidden' name='enabletrack' value='{ibf.member.auto_track}' />
<input type='hidden' name='auth_key' value='$key' />
<!-- TITLE DIV -->
<div class="tableborder">
<div class='maintitle'><{CAT_IMG}>&nbsp;{ibf.lang.qr_title}</div>
<div class="tablepad" align="center">
<script language="javascript1.2" type="text/javascript">
<!--
var MessageMax = "{ibf.lang.the_max_length}";
var Override = "{ibf.lang.override}";
MessageMax = parseInt(MessageMax);
if ( MessageMax < 0 )
{
MessageMax = 0;
}

function emo_pop()
{
window.open('index.{ibf.vars.php_ext}?act=legends&CODE=emoticons&s={ibf.session_id}','Legends','width=250,height=500,resizable=yes,scrollbars=yes');
}
function bbc_pop()
{
window.open('index.{ibf.vars.php_ext}?act=legends&CODE=bbcode&s={ibf.session_id}','Legends','width=700,height=500,resizable=yes,scrollbars=yes');
}
function CheckLength() {
MessageLength = document.REPLIER.Post.value.length;
message = "";
if (MessageMax > 0) {
message = "{ibf.lang.js_post}: {ibf.lang.js_max_length} " + MessageMax + " {ibf.lang.js_characters}.";
} else {
message = "";
}
alert(message + " {ibf.lang.js_used} " + MessageLength + " {ibf.lang.js_characters}.");




}

function ValidateForm(isMsg) {
MessageLength = document.REPLIER.Post.value.length;
errors = "";

if (isMsg == 1)
{
if (document.REPLIER.msg_title.value.length < 2)
{
errors = "{ibf.lang.msg_no_title}";
}
}

if (MessageLength < 2) {
errors = "{ibf.lang.js_no_message}";
}
if (MessageMax !=0) {
if (MessageLength > MessageMax) {
errors = "{ibf.lang.js_max_length} " + MessageMax + " {ibf.lang.js_characters}. {ibf.lang.js_current}: " + MessageLength;
}
}
if (errors != "" && Override == "") {
alert(errors);
return false;
} else {
document.REPLIER.submit.disabled = true;
return true;
}
}

// IBC Code stuff
var text_enter_url = "{ibf.lang.jscode_text_enter_url}";
var text_enter_url_name = "{ibf.lang.jscode_text_enter_url_name}";
var text_enter_image = "{ibf.lang.jscode_text_enter_image}";
var text_enter_email = "{ibf.lang.jscode_text_enter_email}";
var text_enter_flash = "{ibf.lang.jscode_text_enter_flash}";
var text_code = "{ibf.lang.jscode_text_code}";
var text_quote = "{ibf.lang.jscode_text_quote}";
var error_no_url = "{ibf.lang.jscode_error_no_url}";
var error_no_title = "{ibf.lang.jscode_error_no_title}";
var error_no_email = "{ibf.lang.jscode_error_no_email}";
var error_no_width = "{ibf.lang.jscode_error_no_width}";
var error_no_height = "{ibf.lang.jscode_error_no_height}";
var prompt_start = "{ibf.lang.js_text_to_format}";

var help_bold = "{ibf.lang.hb_bold}";
var help_italic = "{ibf.lang.hb_italic}";
var help_under = "{ibf.lang.hb_under}";
var help_font = "{ibf.lang.hb_font}";
var help_size = "{ibf.lang.hb_size}";
var help_color = "{ibf.lang.hb_color}";
var help_close = "{ibf.lang.hb_close}";
var help_url = "{ibf.lang.hb_url}";
var help_img = "{ibf.lang.hb_img}";
var help_email = "{ibf.lang.hb_email}";
var help_quote = "{ibf.lang.hb_quote}";
var help_list = "{ibf.lang.hb_list}";
var help_code = "{ibf.lang.hb_code}";
var help_click_close = "{ibf.lang.hb_click_close}";
var list_prompt = "{ibf.lang.js_tag_list}";


//-->
</script>

<div class="tableborder">
<div class="pformstrip" align="left">Кнопки кодов</div>
<table cellpadding='6' cellspacing='1' border='0' width='100%'>

<tr>
<td class='pformleft'>
<input type='radio' class='radiobutton' name='bbmode' value='ezmode' onclick='setmode(this.value)' />&nbsp;<b>Расширенный режим</b><br />
<input type='radio' class='radiobutton' name='bbmode' value='normal' onclick='setmode(this.value)' checked="checked" />&nbsp;<b>Нормальный режим</b>
<script type='text/javascript' src='html/ibfcode.js'></script>
</td>
<td class='pformright' align='left'>
<input type='button' accesskey='b' value=' B ' onclick='simpletag("B")' class='codebuttons' name='B' style="font-weight:bold" onmouseover="hstat('bold')" />
<input type='button' accesskey='i' value=' I ' onclick='simpletag("I")' class='codebuttons' name='I' style="font-style:italic" onmouseover="hstat('italic')" />
<input type='button' accesskey='u' value=' U ' onclick='simpletag("U")' class='codebuttons' name='U' style="text-decoration:underline" onmouseover="hstat('under')" />
<a href='javascript:closeall();' onmouseover="hstat('close')">{ibf.lang.js_close_all_tags}</a>

<input type='button' accesskey='h' value=' http:// ' onclick='tag_url()' class='codebuttons' name='url' onmouseover="hstat('url')" />
<input type='button' accesskey='g' value=' IMG ' onclick='tag_image()' class='codebuttons' name='img' onmouseover="hstat('img')" />
<input type='button' accesskey='e' value=' @ ' onclick='tag_email()' class='codebuttons' name='email' onmouseover="hstat('email')" />
<input type='button' accesskey='q' value=' QUOTE ' onclick='simpletag("QUOTE")' class='codebuttons' name='QUOTE' onmouseover="hstat('quote')" />
<input type='button' accesskey='p' value=' CODE ' onclick='simpletag("CODE")' class='codebuttons' name='CODE' onmouseover="hstat('code')" />
<input type='button' accesskey='l' value=' LIST ' onclick='tag_list()' class='codebuttons' name="LIST" onmouseover="hstat('list')" />

<br />
<br />

<select name='ffont' class='codebuttons' onchange="alterfont(this.options[this.selectedIndex].value, 'FONT')" onmouseover="hstat('font')">
<option value='0'>{ibf.lang.ct_font}</option>
<option value='Arial' style='font-family:Arial'>{ibf.lang.ct_arial}</option>
<option value='Times' style='font-family:Times'>{ibf.lang.ct_times}</option>
<option value='Courier' style='font-family:Courier'>{ibf.lang.ct_courier}</option>
<option value='Impact' style='font-family:Impact'>{ibf.lang.ct_impact}</option>
<option value='Geneva' style='font-family:Geneva'>{ibf.lang.ct_geneva}</option>
<option value='Optima' style='font-family:Optima'>Optima</option>
</select>
|
<select name='fsize' class='codebuttons' onchange="alterfont(this.options[this.selectedIndex].value, 'SIZE')" onmouseover="hstat('size')">
<option value='0'>{ibf.lang.ct_size}</option>
<option value='1'>{ibf.lang.ct_sml}</option>
<option value='7'>{ibf.lang.ct_lrg}</option>
<option value='14'>{ibf.lang.ct_lest}</option>
</select>
|
<select name='fcolor' class='codebuttons' onchange="alterfont(this.options[this.selectedIndex].value, 'COLOR')" onmouseover="hstat('color')">
<option value='0'>{ibf.lang.ct_color}</option>
<option value='blue' style='color:blue'>{ibf.lang.ct_blue}</option>
<option value='red' style='color:red'>{ibf.lang.ct_red}</option>
<option value='purple' style='color:purple'>{ibf.lang.ct_purple}</option>
<option value='orange' style='color:orange'>{ibf.lang.ct_orange}</option>
<option value='yellow' style='color:yellow'>{ibf.lang.ct_yellow}</option>
<option value='gray' style='color:gray'>{ibf.lang.ct_grey}</option>
<option value='green' style='color:green'>{ibf.lang.ct_green}</option>
</select>






</td>
</tr>
<td colspan="2" class="pformstrip">Введите сообщение</td>

</tr>
<tr>
<td class="pformleft" align="center">
<!--TEMPLATE: skin_post, Template Part: smilie_table-->
<table class="tablefill" align="center" cellpadding="4">
<tbody><tr>
<td colspan="3" align="center"><b>Смайлики</b></td>
</tr>
<tr align="center">
<td><a href="javascript:emoticon(':huh:')"><img src="http://ipb.su/html/emoticons/huh.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td><a href="javascript:emoticon(':o')"><img src="http://ipb.su/html/emoticons/wacko.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td><a href="javascript:emoticon(';)')"><img src="http://ipb.su/html/emoticons/wink.gif" alt="smilie" border="0"></a>&nbsp;</td>

</tr>

<tr align="center"><td><a href="javascript:emoticon(':D')"><img src="http://ipb.su/html/emoticons/biggrin.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td><a href="javascript:emoticon(':lol:')"><img src="http://ipb.su/html/emoticons/laugh.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td><a href="javascript:emoticon('B)')"><img src="http://ipb.su/html/emoticons/cool.gif" alt="smilie" border="0"></a>&nbsp;</td>
</tr>

<tr align="center"><td><a href="javascript:emoticon(':rolleyes:')"><img src="http://ipb.su/html/emoticons/rolleyes.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td><a href="javascript:emoticon('<_<')"><img src="http://ipb.su/html/emoticons/dry.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td><a href="javascript:emoticon(':)')"><img src="http://ipb.su/html/emoticons/smile.gif" alt="smilie" border="0"></a>&nbsp;</td>
</tr>

<tr align="center"><td><a href="javascript:emoticon(':angry:')"><img src="http://ipb.su/html/emoticons/mad.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td><a href="javascript:emoticon(':(')"><img src="http://ipb.su/html/emoticons/sad.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td><a href="javascript:emoticon(':unsure:')"><img src="http://ipb.su/html/emoticons/unsure.gif" alt="smilie" border="0"></a>&nbsp;</td>
</tr>

<tr align="center"><td><a href="javascript:emoticon(':blink:')"><img src="http://ipb.su/html/emoticons/blink.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td><a href="javascript:emoticon(':g:')"><img src="http://ipb.su/html/emoticons/bang.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td><a href="javascript:emoticon(':p')"><img src="http://ipb.su/html/emoticons/tongue.gif" alt="smilie" border="0"></a>&nbsp;</td>
</tr>

<tr align="center"><td><a href="javascript:emoticon(':cray:')"><img src="http://ipb.su/html/emoticons/cray.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td><a href="javascript:emoticon(':good:')"><img src="http://ipb.su/html/emoticons/good.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td><a href="javascript:emoticon(':no:')"><img src="http://ipb.su/html/emoticons/no.gif" alt="smilie" border="0"></a>&nbsp;</td>
</tr>

<tr align="center"><td><a href="javascript:emoticon(':yes:')"><img src="http://ipb.su/html/emoticons/yes.gif" alt="smilie" border="0"></a>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="3" align="center"><b><a href="javascript:emo_pop()">Показать всё</a></b></td>

</tr>
</tbody></table>
<td class="pformright" align='left' valign='top'><textarea cols='70' rows='15' name='Post' tabindex='3' class='textinput'>$data</textarea></td>
</tr>






</table>

<br />
<br />
<br /><br />
<a href='javascript:emo_pop();'>{ibf.lang.show_emo}</a> |
<input type='checkbox' name='enableemo' value='yes' class="checkbox" checked="checked" />&nbsp;{ibf.lang.qr_add_smilie} |
<input type='checkbox' name='enablesig' value='yes' class="checkbox" checked="checked" />&nbsp;{ibf.lang.qr_add_sig}
<br /><br />
<input type='submit' name='submit' value='{ibf.lang.qr_submit}' class='forminput' tabindex="2" accesskey="s" />&nbsp;
<input type='submit' name='preview' value='{ibf.lang.qr_more_opts}' class='forminput' />
&nbsp;&nbsp; <input type='button' name='qrc' onclick="ShowHide('qr_open','qr_closed');" value='{ibf.lang.qr_closeit}' class='forminput' />
</div>
</div>
</form>
</div>