Формы ответов, (аналог IPB 2хх)

[Alex Okonnor]

Вот обещанные формы ответов, как на 2.x.x

Вот пару скриншотов, что бы все сразу поняли о чём идёт речь :

Полная форма ответа:


Быстрая форма ответа:


Так приступим к установки!

Устанавливаем "Полную форму ответа"!

Шаг первый.

Заходим :
АЦ -> Скины/Шаблоны -> Настройка скинов -> CSS

И в самый низ добавляем вот это :
[Показать/Скрыть]

Код

.rte-option-panel,
.rte-buttonbar
{
background-color: #DCE7FC;
background-image: url("http://s56.radikal.ru/i151/1009/6c/4af76c8b8c17.gif");
background-repeat: repeat-x;
border: 1px solid #020202;
letter-spacing: 0;
}
.rte-option-panel
{
display: none;
float: left;
text-align: center;
margin-bottom: 5px;
}
.rte-option-emo-box
{
background-color: #EFF3F7;
border:1px solid #020202;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.rte-menu-face,
.rte-normal-menu
{
background-color: #EFF3F7;
border-bottom:1px dotted #999;
padding: 1px 1px 4px 1px;
width:100%;
clear: all;
cursor: pointer;
cursor: hand;
}
.rte-menu-emo-header
{
text-align: center;
font-weight: bold;
background-color: #DCE7FC;
color: #000000;
background-image: url("http://s56.radikal.ru/i151/1009/6c/4af76c8b8c17.gif");
background-repeat: repeat-x;
padding:4px;
margin: 0px;
}

.rte-normal-menubutton
{
border: 1px solid #7585B8;
-moz-border-radius: 3px;
padding: 2px 1px 2px 4px;
margin:0px;
font-size: 11px;
overflow: hidden;
background-color: #FFFFFF;
background-image: url("http://s61.radikal.ru/i174/1009/4c/117cfc175901.gif");
background-repeat: no-repeat;
width:auto;
}


.block1 {
width: auto;
background: #F5F9FD;
padding: 5px;
padding-right: 5px;
border: solid 1px black;
position:absolute;
z-index:20;}

Картинки лучше перезалить, на Ваш форум или сайт...


Шаг второй.

Заходим :
АЦ -> Скины/Шаблоны -> Настройка скинов -> HTML -> Сообщения (Post Screen Sections) -> get_javascript (редактировать)

находим там закрывающий тег скрипта

Код

//-->
</script>

и перед ним добавляем следующее:

[Показать/Скрыть]

Код

function showhide(id_div)
{
if(document.getElementById(id_div).style.display=="none")
{ document.getElementById(id_div).style.display="block"; }
else
{ document.getElementById(id_div).style.display="none";
}}

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 copyTF(ff)
{if (typeof(document.getElementById('tex').caretPos) != 'undefined'){
if (window.getSelection) {text=window.getSelection()}
else if (document.selection) {text=document.selection.createRange().text;}
text='[FONT='+ff+']'+text+'[/FONT]'
}
else if (typeof(document.getElementById('tex').selectionStart) != 'undefined')
{
text=document.getElementById('tex').value.substring(document.getElementById('tex').selectionStart,document.getElementById('tex').selectionEnd)
text='[FONT='+ff+']'+text+'[/FONT]'
}}

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;}

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

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

Шаг третий.

Заходим :
АЦ -> Скины/Шаблоны -> Настройка скинов -> HTML -> Сообщения (Post Screen Sections) -> +-- Post: Code Buttons & Post Text area (редактировать)

Теперь всё что там находиться сохраняем в блокнот, это на всякий случай, ну или вдруг Вам захочется вернуться старую форму ответа.
После того, как Вы сохранили старую форму ответа, её можно удалить, полностью всё удалить и вместо того, что там было вставляем вот это :

[Показать/Скрыть]

Код

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

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

function emo_pop()
{
window.open('index.{ibf.vars.php_ext}?act=legends&amp;CODE=emoticons&amp;s={ibf.session_id}','Legends','width=380,height=500,resizable=yes,scrollbars=yes');
}
//-->
</script>

<script type='text/javascript' src='html/ibfcode.js'></script>

<td class='pformleft' width="100%">
<table style="padding: 3px;" cellspacing="0" width="100%">
<td colspan="2">
<table width="100%">

<td id="ed-0_options-bar" class="rte-option-panel" style="width: auto; height: auto; display: block;" nowrap="nowrap" valign="top">
<div style="width: 90%;" class="rte-option-emo-box"><div class="rte-menu-emo-header">
<a href="javascript:emo_pop()">Смайлики</a>
</div>
<div style="width: 185px; height: 120px; overflow: auto;">
<table border="0" cellpadding="0" cellspacing="0" width="99%">
<td id="ed-0_emoticon_1" class="rte-menu-emo-box"  width="33%">

<a href="javascript:emoticon(':huh:')"><img src="http://ipb.su/html/emoticons/huh.gif" alt="smilie" border="0"></a>&nbsp;

<a href="javascript:emoticon(':o')"><img src="http://ipb.su/html/emoticons/wacko.gif" alt="smilie" border="0"></a>&nbsp;

<a href="javascript:emoticon(';)')"><img src="http://ipb.su/html/emoticons/wink.gif" alt="smilie" border="0"></a>&nbsp;

<a href="javascript:emoticon(':D')"><img src="http://ipb.su/html/emoticons/biggrin.gif" alt="smilie" border="0"></a>&nbsp;

<br />

<a href="javascript:emoticon('B)')"><img src="http://ipb.su/html/emoticons/cool.gif" alt="smilie" border="0"></a>&nbsp;

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

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

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

<br />

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

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

<a href="javascript:emoticon(':blink:')"><img src="http://ipb.su/html/emoticons/blink.gif" alt="smilie" border="0"></a>&nbsp;

<a href="javascript:emoticon(':lol:')"><img src="http://ipb.su/html/emoticons/laugh.gif" alt="smilie" border="0"></a>&nbsp;

<br />

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

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


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

<a href="javascript:emoticon(':yes:')"><img src="http://ipb.su/html/emoticons/yes.gif" alt="smilie" border="0"></a>

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

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

<a href="javascript:emoticon(':bang:')"><img src="http://ipb.su/html/emoticons/bang.gif" alt="smilie" border="0"></a>&nbsp;

</td></table></div>

<div style="height: 17px;" class="rte-menu-emo-header">
<div style="float: right;">
<a href="javascript:emo_pop()">Все смайлики</a>
</div></div></div>

<div style="width: 90%;" class="rte-option-emo-box">
<div class="rte-menu-emo-header">Теги</div>
<div style="width: 100%;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">

<td style="text-align: left; padding-left: 2px;" class="rte-normal-menu" alt="По центру" title="По центру" onclick='simpletag("CENTER")' class='codebuttons' name='CENTER' onmouseover="hstat('center')" /><img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1283995733.png" style="vertical-align: middle;" border=""> : По центру</td></tr>

<tr><td style="text-align: left; padding-left: 2px;" class="rte-menu-face" value=' http:// ' onclick='tag_url()'class='codebuttons' name='url' onmouseover="hstat('url')" /><img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1283995733.png" style="vertical-align: middle;" border=""> : Ссылка</td></tr>

<tr><td style="text-align: left; padding-left: 2px;" class="rte-normal-menu" onclick='tag_image()'class='codebuttons' name='img' onmouseover="hstat('img')" /><img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1283995733.png" style="vertical-align: middle;" border=""> : Изображение</td></tr>

<tr><td style="text-align: left; padding-left: 2px;" class="rte-normal-menu" onClick='simpletag("HIDE")'   class='codebuttons' name="HIDE" onMouseOver="hstat('hide')" /><img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1283995733.png" style="vertical-align: middle;" border=""> : Скрытый текст</td></tr>

<tr><td style="text-align: left; padding-left: 2px;" class="rte-normal-menu" onClick='simpletag("SPOILER")'   class='codebuttons' name="SPOILER" onMouseOver="hstat('spoiler')" /><img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1283995733.png" style="vertical-align: middle;" border=""> : Спойлер</td></tr>

<tr><td style="text-align: left; padding-left: 2px;" class="rte-normal-menu" onclick='simpletag("QUOTE")'   class='codebuttons' name='QUOTE' onmouseover="hstat('quote')" /><img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1283995733.png" style="vertical-align: middle;" border=""> : Цитата</td></tr>
</tbody></table></div></div></td>

<td style="width: 4px;" id="ed-0_spacer-bar" width="4px">&nbsp;</td>
<td style="width: 100%;" id="ed-0_main-bar" class="rte-buttonbar" nowrap="nowrap" >
<div  id="ed-0_controls" style="padding: 6px; text-align: left;">
<table cellpadding="2" cellspacing="0" width="100%">
<td  width="100%">
<table cellpadding="0" cellspacing="0" width="100%">
<td nowrap="nowrap">
<table border="0" cellpadding="0" cellspacing="0">

<!--FONT-->
<img class='codebuttons' title='Шрифт' alt='Шрифт' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1283992871.png' onclick="showhide('myfont');"/>

<div id="myfont" class="block1" style=" display:none; margin-left: 1%; margin-top: 1px">
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Arial')" title="Arial"><font face="Arial">Arial</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Arial Black')" title="Arial Black"><font face="Arial Black">Arial Black</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Arial Narrow')" title="Arial Narrow"><font face="Arial Narrow">Arial Narrow</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Book Antiqua')" title="Book Antiqua"><font face="Book Antiqua">Book Antiqua</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Century Gothic')" title="Century Gothic"><font face="Century Gothic">Century Gothic</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Comic Sans MS')" title="Comic Sans MS"><font face="Comic Sans MS">Comic Sans MS</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Courier New')" title="Courier New"><font face="Courier New">Courier New</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Franklin Gothic Medium')" title="Franklin Gothic Medium"><font face="Franklin Gothic Medium">Franklin Gothic Medium</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Garamond')" title="Garamond"><font face="Garamond">Garamond</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Georgia')" title="Georgia"><font face="Georgia">Georgia</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Impact')" title="Impact"><font face="Impact">Impact</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Lucida Console')" title="Lucida Console"><font face="Lucida Console">Lucida Console</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Lucida Sans Unicode')" title="Lucida Sans Unicode"><font face="Lucida Sans Unicode">Lucida Sans Unicode</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Microsoft Sans Serif')" title="Microsoft Sans Serif"><font face="Microsoft Sans Serif">Microsoft Sans Serif</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Palatino Linotype')" title="Palatino Linotype"><font face="Palatino Linotype">Palatino Linotype</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Tahoma')" title="Tahoma"><font face="Tahoma">Tahoma</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Times New Roman')" title="Times New Roman"><font face="Times New Roman">Times New Roman</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Trebuchet MS')" title="Trebuchet MS"><font face="Trebuchet MS">Trebuchet MS</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('myfont')" onmouseover="copyTF('Verdana')" title="Verdana"><font face="Verdana">Verdana</font></div>
</div>

<!--SIZE-->
<img class='codebuttons' title='Размер' alt='Размер' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1283992808.png' onclick="showhide('fontsizer');"/>

<div id="fontsizer" class="block1" style="display:none; margin-left:150px; margin-top:1px">
<div style="cursor:pointer" onclick="insTxt(); showhide('fontsizer')" onmouseover="copyTS('1')" title="1"><font size="1">1</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('fontsizer')" onmouseover="copyTS('2')" title="2"><font size="2">2</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('fontsizer')" onmouseover="copyTS('3')" title="3"><font size="3">3</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('fontsizer')" onmouseover="copyTS('4')" title="4"><font size="4">4</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('fontsizer')" onmouseover="copyTS('5')" title="5"><font size="5">5</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('fontsizer')" onmouseover="copyTS('6')" title="6"><font size="6">6</font></div>
<div style="cursor:pointer" onclick="insTxt(); showhide('fontsizer')" onmouseover="copyTS('7')" title="7"><font size="7">7</font></div>
</div>

<!--SMILIES-->
<img class='codebuttons' title='Смайлы' alt='Смайлы' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1283992699.png' onclick="showhide('smiler');"/>

<div id="smiler" class="block1" style="display:none; margin-left:200px; margin-top:1px">
<img src="http://s50.radikal.ru/i130/1005/e1/662ba93*цензура*48.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s50.radikal.ru/i130/1005/e1/662ba93*цензура*48.gif')" />
<img src="http://i070.radikal.ru/1005/c7/0e77ae8a9874.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i070.radikal.ru/1005/c7/0e77ae8a9874.gif')" />
<img src="http://s59.radikal.ru/i166/1005/2f/5b1c0605032a.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s59.radikal.ru/i166/1005/2f/5b1c0605032a.gif')" />
<img src="http://i054.radikal.ru/1005/f6/13dcca4f279d.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i054.radikal.ru/1005/f6/13dcca4f279d.gif')" />
<img src="http://s58.radikal.ru/i162/1005/08/79b11cf81b88.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s58.radikal.ru/i162/1005/08/79b11cf81b88.gif')" />
<img src="http://s40.radikal.ru/i090/1005/cb/0b8e124c46ca.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s40.radikal.ru/i090/1005/cb/0b8e124c46ca.gif')" />
<img src="http://s40.radikal.ru/i089/1005/fd/24e1da52dcfb.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s40.radikal.ru/i089/1005/fd/24e1da52dcfb.gif')" />
<img src="http://s41.radikal.ru/i091/1005/2a/096a46240cf1.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s41.radikal.ru/i091/1005/2a/096a46240cf1.gif')" /><br />
<img src="http://s005.radikal.ru/i212/1005/cc/d597ca076c7b.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s005.radikal.ru/i212/1005/cc/d597ca076c7b.gif')" />
<img src="http://s56.radikal.ru/i151/1005/a3/85c037c68925.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s56.radikal.ru/i151/1005/a3/85c037c68925.gif')" />
<img src="http://i072.radikal.ru/1005/6f/c90a718466a8.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i072.radikal.ru/1005/6f/c90a718466a8.gif')" />
<img src="http://i077.radikal.ru/1005/1d/a629f081ef7f.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i077.radikal.ru/1005/1d/a629f081ef7f.gif')" />
<img src="http://i026.radikal.ru/1005/2e/917159b2b553.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i026.radikal.ru/1005/2e/917159b2b553.gif')" />
<img src="http://s39.radikal.ru/i085/1005/59/3b7d4b4c6b05.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s39.radikal.ru/i085/1005/59/3b7d4b4c6b05.gif')" />
<img src="http://s005.radikal.ru/i210/1005/e0/5f5a0b2711e7.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s005.radikal.ru/i210/1005/e0/5f5a0b2711e7.gif')" />
<img src="http://s45.radikal.ru/i110/1005/ab/16bade9e8735.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s45.radikal.ru/i110/1005/ab/16bade9e8735.gif')" /><br />
<img src="http://i068.radikal.ru/1005/67/1e48518538b5.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i068.radikal.ru/1005/67/1e48518538b5.gif')" />
<img src="http://s002.radikal.ru/i197/1005/69/bdd4beea1923.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s002.radikal.ru/i197/1005/69/bdd4beea1923.gif')" />
<img src="http://s59.radikal.ru/i166/1005/5a/6bc6b02280ac.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s59.radikal.ru/i166/1005/5a/6bc6b02280ac.gif')" />
<img src="http://i053.radikal.ru/1005/21/123a52ee0534.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i053.radikal.ru/1005/21/123a52ee0534.gif')" />
<img src="http://s61.radikal.ru/i174/1005/29/606e8da4d6a3.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s61.radikal.ru/i174/1005/29/606e8da4d6a3.gif')" />
<img src="http://s59.radikal.ru/i166/1005/88/477afdf0dd76.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s59.radikal.ru/i166/1005/88/477afdf0dd76.gif')" />
<img src="http://s43.radikal.ru/i099/1005/62/3c56a02b626c.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s43.radikal.ru/i099/1005/62/3c56a02b626c.gif')" />
<img src="http://s52.radikal.ru/i136/1005/b2/aab2ba0a2bde.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s52.radikal.ru/i136/1005/b2/aab2ba0a2bde.gif')" /><br />
<img src="http://s61.radikal.ru/i174/1005/94/78a759f0ae02.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s61.radikal.ru/i174/1005/94/78a759f0ae02.gif')" />
<img src="http://s004.radikal.ru/i206/1005/66/606d70ff2218.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s004.radikal.ru/i206/1005/66/606d70ff2218.gif')" />
<img src="http://s19.radikal.ru/i192/1005/14/9422022b9bfc.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s19.radikal.ru/i192/1005/14/9422022b9bfc.gif')" />
<img src="http://s05.radikal.ru/i178/1005/27/b73d7e039ad5.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s05.radikal.ru/i178/1005/27/b73d7e039ad5.gif')" />
<img src="http://s42.radikal.ru/i097/1005/39/9f636b1832c9.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s42.radikal.ru/i097/1005/39/9f636b1832c9.gif')" />
<img src="http://i061.radikal.ru/1005/ba/3b89a947cb01.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i061.radikal.ru/1005/ba/3b89a947cb01.gif')" />
<img src="http://s61.radikal.ru/i174/1005/4e/b5e2c635f00d.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s61.radikal.ru/i174/1005/4e/b5e2c635f00d.gif')" />
<img src="http://i035.radikal.ru/1005/91/ed0ded51be72.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i035.radikal.ru/1005/91/ed0ded51be72.gif')" /><br />
<img src="http://s45.radikal.ru/i107/1005/0f/bfae40718551.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s45.radikal.ru/i107/1005/0f/bfae40718551.gif')" />
<img src="http://i073.radikal.ru/1005/fa/96e053ab7c23.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i073.radikal.ru/1005/fa/96e053ab7c23.gif')" />
<img src="http://s53.radikal.ru/i140/1005/e9/0768f063410c.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s53.radikal.ru/i140/1005/e9/0768f063410c.gif')" />
<img src="http://s49.radikal.ru/i123/1005/fc/fd0d83f120c1.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s49.radikal.ru/i123/1005/fc/fd0d83f120c1.gif')" />
<img src="http://s004.radikal.ru/i205/1005/ff/334f3394a110.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s004.radikal.ru/i205/1005/ff/334f3394a110.gif')" />
<img src="http://s58.radikal.ru/i161/1005/3b/5e65a19efafb.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s58.radikal.ru/i161/1005/3b/5e65a19efafb.gif')" />
<img src="http://s09.radikal.ru/i182/1005/6e/44e8b1d40f2d.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s09.radikal.ru/i182/1005/6e/44e8b1d40f2d.gif')" />
<img src="http://i055.radikal.ru/1005/e9/c7983030c26e.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i055.radikal.ru/1005/e9/c7983030c26e.gif')" /><br />
<img src="http://s39.radikal.ru/i083/1005/6d/57fd720cfce2.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s39.radikal.ru/i083/1005/6d/57fd720cfce2.gif')" />
<img src="http://i072.radikal.ru/1005/1f/61fabf24866d.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i072.radikal.ru/1005/1f/61fabf24866d.gif')" />
<img src="http://s40.radikal.ru/i087/1005/73/453c7686ee37.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s40.radikal.ru/i087/1005/73/453c7686ee37.gif')" />
<img src="http://s07.radikal.ru/i180/1005/93/*цензура*2128edf47.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s07.radikal.ru/i180/1005/93/*цензура*2128edf47.gif')" />
<img src="http://i066.radikal.ru/1005/89/131741843d79.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://i066.radikal.ru/1005/89/131741843d79.gif')" />
<img src="http://s40.radikal.ru/i088/1005/f9/082cb1c36ed2.gif" style="cursor:pointer" onclick="insTxt(); showhide('smiler')" onmouseover="copyTSmil('http://s40.radikal.ru/i088/1005/f9/082cb1c36ed2.gif')" />
</div>

<!--COLOR-->
<img class='codebuttons' title='Цвета' alt='Цвета' src='http://s004.radikal.ru/i207/1009/d4/51f7e6b135e5.png' onclick="showhide('mycolor');"/>

</td>
</table>
</div>
</table>

<td width="100%">&nbsp;</td>
<td align="right" nowrap="nowrap" width="1%">
<table cellpadding="0" cellspacing="0" width="100%">
</table>
</td>

<table id="Buttons2" cellpadding="2" cellspacing="0" width="100%">
<td align="left" nowrap="nowrap" width="100%">
<table cellpadding="0" cellspacing="0" width="100%">

<img title='Жирный' alt='Жирный' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1280417257.png'   onclick='simpletag("B")' class='codebuttons' name='B' style="font-weight:bold" onmouseover="hstat('bold')" />

<img title='Наклонный' alt='Наклонный' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1280847361.png' onclick='simpletag("I")' class='codebuttons' name='I' style="font-style:italic" onmouseover="hstat('italic')" />

<img title='Подчёркнутый' alt='Подчёркнутый' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847417.png' onclick='simpletag("U")' class='codebuttons' name='U' style="text-decoration:underline" onmouseover="hstat('under')" />  

<img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280887298.png" alt="Зачеркнутый текст" title="Зачеркнутый текст" onmouseover="copyT('S')" onclick="insTxt()"  />

<img title='Ссылка' alt='Ссылка' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847528.png' ' value=' http:// ' onclick='tag_url()'class='codebuttons' name='url' onmouseover="hstat('url')" />

<img title='Изображение' alt='Изображение' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847587.png' onclick='tag_image()'class='codebuttons' name='img' onmouseover="hstat('img')" />

<img title='E-mail' alt='E-mail' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847727.png' onclick='tag_email()'class='codebuttons' name='email' onmouseover="hstat('email')" />

<img title='Цитата' alt='Цитата' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847827.png'   onclick='simpletag("QUOTE")'   class='codebuttons' name='QUOTE' onmouseover="hstat('quote')" />

<img title='Код' alt='Код' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847861.png'onclick='simpletag("CODE")'class='codebuttons' name='CODE' onmouseover="hstat('code')" />

<img title='Скрытый текст' alt='Скрытый текст' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847908.png' onClick='simpletag("HIDE")'   class='codebuttons' name="HIDE" onMouseOver="hstat('hide')" />

<img title='Спойлер' alt='Спойлер' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1280417110.png' onClick='simpletag("SPOILER")'   class='codebuttons' name="SPOILER" onMouseOver="hstat('spoiler')" />

<!--<input type='button' accesskey='l' value=' SQL ' onclick='simpletag("SQL")' class='codebuttons' name='SQL'>
<input type='button' accesskey='t' value=' HTML 'onclick='simpletag("HTML")'class='codebuttons' name='HTML'>-->

</table>
</td>

<td width="100%">&nbsp;</td>
<td align="right" nowrap="nowrap" width="100%">
<table cellpadding="0" cellspacing="0" width="100%">

<img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280882850.png" alt="По центру" title="По центру" onclick='simpletag("CENTER")' class='codebuttons' name='CENTER' onmouseover="hstat('center')" />

<img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1284125401.png" alt="По правому краю" title="По правому краю" onclick='simpletag("RIGHT")' class='codebuttons' name='RIGHT' onmouseover="hstat('right')" />

<img title='Создать список' alt='Создать список' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847480.gif' onclick='tag_list()'  class='codebuttons' name="LIST" onmouseover="hstat('list')" />

</table>
</td>
</table>
</div>

<div align="center">
<textarea onfocus='storeCaret(this);' onkeyup='storeCaret(this);' onclick='storeCaret(this);' onselect='storeCaret(this);' id='tex' cols='80' rows='20' name='Post' tabindex='3' class='textinput'  style="width: 96%; height: 280px;">$data</textarea>
</div>
<br />
<input type='radio' class='radiobutton' name='bbmode' value='ezmode' onclick='setmode(this.value)' />&nbsp;<b>{ibf.lang.bbcode_guided}</b>

<input type='radio' class='radiobutton' name='bbmode' value='normal' onclick='setmode(this.value)' checked="checked" />&nbsp;<b>{ibf.lang.bbcode_normal}</b>

<hr>

<input type='checkbox' name='enableemo' value='yes' class="checkbox" checked="checked" />&nbsp;<b>Показать смайлики в этом сообщении ?</B>

<input type='checkbox' name='enablesig' value='yes' class="checkbox" checked="checked" />&nbsp;<b>Показать подпись в этом сообщении?</b>
</div>
</td></table>

<!--COLOR-->
<div id="mycolor" class="block1" style=" display:none; margin-left: 507px; margin-top: -387px">
<table border="1" cellspacing="0">
<tr>
<td width="15" height="15" style="background-color:#ff00fe; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ff00fe')"></td>
<td width="15" height="15" style="background-color:#ff00be; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ff00be')"></td>
<td width="15" height="15" style="background-color:#ff009e; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ff009e')"></td>
<td width="15" height="15" style="background-color:#ff006e; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ff006e')"></td>
<td width="15" height="15" style="background-color:#ff004e; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ff004e')"></td>
<td width="15" height="15" style="background-color:#ff002e; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ff002e')"></td>
<td width="15" height="15" style="background-color:#ff1100; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ff1100')"></td>
<td width="15" height="15" style="background-color:#ff3100; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ff3100')"></td>
<td width="15" height="15" style="background-color:#ff5100; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ff5100')"></td>

<td width="15" height="15" style="background-color:#ff7100; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ff7100')"></td>
</tr><tr>
<td width="15" height="15" style="background-color:#ffa100; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ffa100')"></td>
<td width="15" height="15" style="background-color:#ffc100; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ffc100')"></td>
<td width="15" height="15" style="background-color:#ffe100; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ffe100')"></td>
<td width="15" height="15" style="background-color:#fdff00; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#fdff00')"></td>
<td width="15" height="15" style="background-color:#ddff00; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ddff00')"></td>
<td width="15" height="15" style="background-color:#adff00; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#adff00')"></td>
<td width="15" height="15" style="background-color:#4dff00; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#4dff00')"></td>
<td width="15" height="15" style="background-color:#00ff03; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#00ff03')"></td>
<td width="15" height="15" style="background-color:#009900; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#009900')"></td>
<td width="15" height="15" style="background-color:#00ff93; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#00ff93')"></td>
</tr><tr>
<td width="15" height="15" style="background-color:#00ffd3; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#00ffd3')"></td>
<td width="15" height="15" style="background-color:#00fbff; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#00fbff')"></td>
<td width="15" height="15" style="background-color:#00dbff; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#00dbff')"></td>
<td width="15" height="15" style="background-color:#00bbff; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#00bbff')"></td>

<td width="15" height="15" style="background-color:#009bff; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#009bff')"></td>
<td width="15" height="15" style="background-color:#004bff; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#004bff')"></td>
<td width="15" height="15" style="background-color:#001bff; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#001bff')"></td>
<td width="15" height="15" style="background-color:#8400ff; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#8400ff')"></td>
<td width="15" height="15" style="background-color:#b400ff; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#b400ff')"></td>
<td width="15" height="15" style="background-color:#d400ff; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#d400ff')"></td>
</tr><tr>
<td width="15" height="15" style="background-color:#996600; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#996600')"></td>
<td width="15" height="15" style="background-color:#ffffcc; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#ffffcc')"></td>
<td width="15" height="15" style="background-color:#cfcfcf; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#cfcfcf')"></td>
<td width="15" height="15" style="background-color:#afafaf; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#afafaf')"></td>
<td width="15" height="15" style="background-color:#8f8f8f; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#8f8f8f')"></td>
<td width="15" height="15" style="background-color:#7f7f7f; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#7f7f7f')"></td>
<td width="15" height="15" style="background-color:#5f5f5f; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#5f5f5f')"></td>
<td width="15" height="15" style="background-color:#3f3f3f; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#3f3f3f')"></td>
<td width="15" height="15" style="background-color:#660000; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#660000')"></td>
<td width="15" height="15" style="background-color:#333300; cursor:pointer" onclick="insTxt(); showhide('mycolor')" onmouseover = "copyTC('#333300')"></td>

</tr>
</table></div>

Важно!!! Обязательно следует установить данные фиксы.
Фикс "название и описание темы"
Фикс проблемы с опросами
Фикс проблем с календарём


Пример работы дополнения.

Тестовый форум : клик

Ну или можно глянуть на моём форуме (хотя такая форма ответа стоит на тестовом скине, но на днях на основной поставлю)

Примечание.

Дополнительные тэги я не стал вставлять думаю Вы сами в состоянии это сделать.
Вот ссылка на них :
Универсальный видеоплеер : клик
Новый спойлер : клик
Универсальный mp3 плеер : клик

Проверил форму ответа во всех браузерах.
В Мозилле,Сафари и Гугл хроме все работает на ура.
В Опере теперь тоже все нормально.
В ИЕ как обычно проблемы...конечно не смертельные но не приятные. Постараюсь поправить это.

Вот наверное и всё
Если будут вопросы или проблемы обращайтесь помогу чем смогу.

Хотелось бы поблагодарить Romych'а за "Дополнительные цвета, шрифты и смайлы" =)


Как установить "Быструю форму ответа" смотрим сообщением ниже!

Это сообщение отредактировал Alex Okonnor - Сен 28 2010, 05:22

[Romych]

Браво!!!
только немного слов о кнопках выравнивания текста по Центру и Правому краю

Код

<img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280882850.png" alt="По центру" title="По центру" onclick="doInsert('[center]','[/center]'); false;">

<img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280882850.png" alt="По правому краю" title="По правому краю" onclick="doInsert('[right]','[/right]'); false;">

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

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

поскольку у нас во втором шаге данной модификации в
АЦ -> Скины/Шаблоны -> Настройка скинов -> HTML -> Сообщения (Post Screen Sections) -> get_javascript (редактировать)

добавляется вот такой код:

Цитата

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+']'
}}

то кнопки выравнивания можно реализовать так

Цитата

<img class='codebuttons' title='По центру' alt='По центру' src='http://forum.volginsky.ru/style_images/1/folder_editor_images/rte-align-center.png' onmouseover="copyT('center')" onclick="insTxt()"  />
<img class='codebuttons' title='По правому краю' alt='По правому краю' src='http://forum.volginsky.ru/style_images/1/folder_editor_images/rte-align-right.png' onmouseover="copyT('right')" onclick="insTxt()" />

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

ДЛЯ ТЕХ ЖЕ кто только только создал свой форум
этих проблем с кнопками выравнивания нет, поскольку если не ошибаюсь, администрация официально включила их поддержку в движок
и они изначально у вас есть, выглядят так:

Код

<img title='По центру' alt='По центру' src='/html/buttons/rte-align-center.png' onclick='simpletag("CENTER")' class='codebuttons' name='CENTER' onmouseover="hstat('center')" />
<img title='По правому краю' alt='По правому краю' class='codebuttons' src='/html/buttons/rte-align-right.png' onclick='simpletag("RIGHT")' class='codebuttons' name='RIGHT' onmouseover="hstat('right')" />

[Alex Okonnor]

Устанавливаем "Быструю форму ответа"!

Шаг первый.

Заходим :
АЦ -> Скины/Шаблоны -> Настройка скинов -> CSS

Внимание!!! Если Вы уже поставили к себе на форум "Полную форму ответа" это делать НЕ надо!

И в самый низ добавляем вот это :

[Показать/Скрыть]

Код

.rte-buttonbar
{
background-color: #DCE7FC;
background-image: url("http://forum.freesoft.ru/style_images/1/folder_editor_images/rte_tile.gif");
background-repeat: repeat-x;
border: 1px solid #020202;
letter-spacing: 0;
}

Шаг второй.

Заходим :
АЦ -> Скины/Шаблоны -> Настройка скинов -> 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 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;
}

Шаг третий.

Заходим :
АЦ -> Скины/Шаблоны -> Настройка скинов -> HTML -> Просмотр темы (Topic View Section) -> quick_reply_box_open (редактировать)

Теперь всё что там находиться сохраняем в блокнот, это на всякий случай, ну или вдруг Вам захочется вернуться старую форму быстрого ответа.
После того, как Вы сохранили старую форму быстрого ответа, её можно удалить, полностью всё удалить и вместо того, что там было вставляем вот это :

[Показать/Скрыть]

Код

<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 style="padding: 6px;" class="row2" >
<div  style="width: 81%; padding: 6px; margin: 0pt auto;" class="rte-buttonbar" >




<img title='Жирный' alt='Жирный' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1280417257.png'   onmouseover="copyT('B')" onclick="insTxt()"  />

<img title='Наклонный' alt='Наклонный' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1280847361.png' onmouseover="copyT('I')" onclick="insTxt()"  />

<img title='Подчёркнутый' alt='Подчёркнутый' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847417.png' onmouseover="copyT('U')" onclick="insTxt()"  />  

<img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280882850.png" alt="По центру" title="По центру" onmouseover="copyT('CENTER')" onclick="insTxt()"  />

<img src="http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1284125401.png" alt="По правому краю" title="По правому краю" onmouseover="copyT('RIGHT')" onclick="insTxt()"  />

<img title='Ссылка' alt='Ссылка' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847528.png' ' onmouseover="copyT('URL')" onclick="insTxt()"  />
<img title='Изображение' alt='Изображение' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847587.png' onmouseover="copyT('IMG')" onclick="insTxt()"  />

<img title='Цитата' alt='Цитата' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847827.png'   onmouseover="copyT('QUOTE')" onclick="insTxt()"  />

<img title='Код' alt='Код' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847861.png' onmouseover="copyT('CODE')" onclick="insTxt()"  />
<img title='Скрытый текст' alt='Скрытый текст' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-3-1280847908.png' onmouseover="copyT('HIDE')" onclick="insTxt()"  />

<img title='Спойлер' alt='Спойлер' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1280417110.png' onmouseover="copyT('SPOILER')" onclick="insTxt()"  />

<a href='javascript:emo_pop();'><img title='Смайлики' alt='Смайлики' src='http://ipb.su/uploads/ipbsu/sleepingdream/post-2-1284132075.png' ></a>
<br />




<textarea style='margin:0px;padding:4px;width:98%' 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>


<br /><br />
<center><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' />
</center>
</div>
</div>
</div>
 </form>
</div>

Проверил во всех браузерах. Всё работает на отлично =)

Если будут вопросы или проблемы обращайтесь помогу.

Это сообщение отредактировал Alex Okonnor - Сен 28 2010, 05:22

[Dron]

Ребята!
Я бы хотел видеть данную инструкцию по возможности в отдельной теме с соответствующим описанием. Дабы не путать пользователей и не путаться самими.

[asm-a]

В FireFox панель быстрого ответа уходит чуток левее (не как на скриншоте). Остальное все нормально.

[Alex Okonnor]

Цитата (Dron @ Сегодня, 12:37)

Ребята!
Я бы хотел видеть данную инструкцию по возможности в отдельной теме с соответствующим описанием. Дабы не путать пользователей и не путаться самими.

Так вроде тема отдельная О_о
Я конечно могу в тему "Расширенная форма быстрого ответа" кинуть этот пост, но смысла не вижу, так как это не быстрый ответ...да и 15 стр. флуда там...
А насчёт описания, то я не понимаю...Я вроде бы довольно доступно его написал, думаю даже человек без знаний хтмл поймёт что к чему...

Цитата (аsm-а @ Сегодня, 12:58)

В FireFox панель быстрого ответа уходит чуток левее (не как на скриншоте). Остальное все нормально.

Скриншот можно?
Ну или поподробнее, то я реально не понимаю что править надо.

Это сообщение отредактировал Сергей - Сен 9 2010, 14:07

[asm-a]

Цитата (Alex Okonnor @ Сегодня, 14:34)

Скриншот можно?
Ну или поподробнее, то я реально не понимаю что править надо.

Буду вечером, напишу. На нетбуке нету такого бага (1024х600 разрешение)
А тупит при 1024x1280

[Alex Okonnor]

Цитата (аsm-а @ Сегодня, 14:38)

Буду вечером, напишу. На нетбуке нету такого бага (1024х600 разрешение)
А тупит при 1024x1280

Ох точно забыл проверить, при разных разрешениях...
Сейчас гляну, что и как там...


ПС Добавил в первый пост "Быструю форму ответа" как на 2.х.х форумах.

[basanti]

Цитата (Alex Okonnor @ Вчера, 04:43)

Есть одна проблема, в "форме ответа" отсутствует всплывающая таблица с цветами.

это легко решается, если добавить в вашу модификацию мод с цветами от Romych

Alex Okonnor, возможно ли добавить каким-то образом в эту форму быстрого ответа такой тег и смайлы ?

[Romych]

конечно можно
тег зачёркивания текста уже давно присутствует в движке,
только как и выравнивание почему-то не афишируется

с применением последниих модов меняющих панель кнопок на форуме, кнопка зачёркивания текста будет работать с таким кодом

Код

<img class='codebuttons' title='Зачеркнутый' alt='Зачеркнутый' src='http://s56.radikal.ru/i151/1009/e0/aad250956ed8.png' onmouseover="copyT('s')" onclick="insTxt()"  />

кнопку можно добавить после выравнивания текста

а так на заметку этот тег

Код

[s] бла бла бла[/s]

[basanti]

Romych, мерси, вечером попытаюсь
а со смайлами никак ?

[Alex Okonnor]

Цитата (basanti @ Сегодня, 07:31)

это легко решается, если добавить в вашу модификацию мод с цветами от Romych

Ммм ну как бы мод Romych'а и стоит в полной форме ответа)) Вот скриншот :

Но с цветами проблемка, надо править, что бы всё было нормально...

basanti,
В "быструю форму ответа" можно всё что угодно добавить
Вы просто скажите ( а лучше покажите на скриншоте) где Вы хотели бы видеть смайлики и какие стандартные или свои и тогда уже подскажем, что и куда надо вставить.

[Сергей]

А то, что при нажатии на иконки "Размер" и "Шрифт" они не стоят на месте, это и есть тот баг в опере, про который говорится в первом сообщении этой темы?

[Alex Okonnor]

Цитата (Сергей @ Сегодня, 13:29)

А то, что при нажатии на иконки "Размер" и "Шрифт" они не стоят на месте, это и есть тот баг в опере, про который говорится в первом сообщении этой темы?

Мммм не помню исправил я это уже или нет...
Можешь зайти сюда : http://testal.ipb.su/index.php??
И проверить есть ли эта трабла там ?
ник и пасс test (если лень регистрироваться)

[Сергей]

Этой нет, но есть другая. После нажатия на "размеры" и "смайлики", та область что выпадает, открывается не под иконкой "размеры" или "смайлики", а чуть дальше, то есть не так как с иконкой "шрифты". Ниже скриншот: