Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум поддержки IPB.SU > Поддержка модификаций > Цветовая палитра для выбора цвета при создании тем


Автор: Slesher Авг 31 2009, 14:35
Добавление палитры цветов прямо в страницу ответа вместо стандартного выпадающего списка цветов

смотрите скин ниже

Инструкция по установке модификации:

1.

Post Screen Sections -- Post: Table Top -- Редактировать

Ищем

CODE

//-->
</script>


ПЕРЕД этим вставляем:

CODE

var theColour = '';
var colres = '';
function showColor(val) {
   document.REPLIER.hidden.value = val;
  theColour = val;
 
}
function keepColor() {
  document.REPLIER.hexval.value = theColour;
colres = document.REPLIER.hexval.value;
}

function AddSelectedText(BBOpen, BBClose) {
if (document.REPLIER.Post.caretPos) document.REPLIER.Post.caretPos.text = BBOpen + document.REPLIER.Post.caretPos.text + BBClose;
else document.REPLIER.Post.value += BBOpen + BBClose;
document.REPLIER.Post.focus()
}
function InsertBBCode(BBcode) {
AddSelectedText('[' + BBcode + '=' + colres + ']','[/' + BBcode + ']');
}
function storeCaret(textEl) {
if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}


Сохраняем, закрываем.

2.

Post Screen Sections -- +-- Post: Code Buttons & Post Text area -- Редактировать

Ищем:

CODE

     <textarea cols='80' rows='20' name='Post' tabindex='3' class='textinput'>$data</textarea>

Эту textarea удаляем, вместо этого вставляем:

CODE

<textarea name="Post" onkeypress="transliteFeld(this,event);" onmouseover='checkselection()' id='fastreplyarea' cols="70" rows="8" class="textarea" tabindex="1" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);">$data</textarea>

<!-- COLOUR SCRIPT BY SLESHER FOR IPB-->
<map name="colmap">
<area shape="rect" coords="1,1,7,10" onMouseOut="javascript:showColor('')"  onMouseOver="javascript:showColor('#00FF00')" onClick="javascript:keepColor()">
<area shape="rect" coords="9,1,15,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00FF33')" onClick="javascript:keepColor()">
<area shape="rect" coords="17,1,23,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00FF66')" onClick="javascript:keepColor()">
<area shape="rect" coords="25,1,31,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00FF99')" onClick="javascript:keepColor()">
<area shape="rect" coords="33,1,39,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00FFCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="41,1,47,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00FFFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="49,1,55,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33FF00')" onClick="javascript:keepColor()">
<area shape="rect" coords="57,1,63,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33FF33')" onClick="javascript:keepColor()">
<area shape="rect" coords="65,1,71,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33FF66')" onClick="javascript:keepColor()">
<area shape="rect" coords="73,1,79,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33FF99')" onClick="javascript:keepColor()">
<area shape="rect" coords="81,1,87,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33FFCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="89,1,95,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33FFFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="97,1,103,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66FF00')" onClick="javascript:keepColor()">
<area shape="rect" coords="105,1,111,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66FF33')" onClick="javascript:keepColor()">
<area shape="rect" coords="113,1,119,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66FF66')" onClick="javascript:keepColor()">
<area shape="rect" coords="121,1,127,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66FF99')" onClick="javascript:keepColor()">
<area shape="rect" coords="129,1,135,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66FFCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="137,1,143,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66FFFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="145,1,151,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99FF00')" onClick="javascript:keepColor()">
<area shape="rect" coords="153,1,159,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99FF33')" onClick="javascript:keepColor()">
<area shape="rect" coords="161,1,167,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99FF66')" onClick="javascript:keepColor()">
<area shape="rect" coords="169,1,175,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99FF99')" onClick="javascript:keepColor()">
<area shape="rect" coords="177,1,183,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99FFCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="185,1,191,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99FFFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="193,1,199,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCFF00')" onClick="javascript:keepColor()">
<area shape="rect" coords="201,1,207,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCFF33')" onClick="javascript:keepColor()">
<area shape="rect" coords="209,1,215,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCFF66')" onClick="javascript:keepColor()">
<area shape="rect" coords="217,1,223,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCFF99')" onClick="javascript:keepColor()">
<area shape="rect" coords="225,1,231,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCFFCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="233,1,239,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCFFFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="241,1,247,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFFF00')" onClick="javascript:keepColor()">
<area shape="rect" coords="249,1,255,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFFF33')" onClick="javascript:keepColor()">
<area shape="rect" coords="257,1,263,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFFF66')" onClick="javascript:keepColor()">
<area shape="rect" coords="265,1,271,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFFF99')" onClick="javascript:keepColor()">
<area shape="rect" coords="273,1,279,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFFFCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="281,1,287,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFFFFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="1,12,7,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00CC00')" onClick="javascript:keepColor()">
<area shape="rect" coords="9,12,15,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00CC33')" onClick="javascript:keepColor()">
<area shape="rect" coords="17,12,23,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00CC66')" onClick="javascript:keepColor()">
<area shape="rect" coords="25,12,31,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00CC99')" onClick="javascript:keepColor()">
<area shape="rect" coords="33,12,39,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00CCCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="41,12,47,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00CCFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="49,12,55,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33CC00')" onClick="javascript:keepColor()">
<area shape="rect" coords="57,12,63,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33CC33')" onClick="javascript:keepColor()">
<area shape="rect" coords="65,12,71,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33CC66')" onClick="javascript:keepColor()">
<area shape="rect" coords="73,12,79,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33CC99')" onClick="javascript:keepColor()">
<area shape="rect" coords="81,12,87,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33CCCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="89,12,95,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33CCFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="97,12,103,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66CC00')" onClick="javascript:keepColor()">
<area shape="rect" coords="105,12,111,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66CC33')" onClick="javascript:keepColor()">
<area shape="rect" coords="113,12,119,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66CC66')" onClick="javascript:keepColor()">
<area shape="rect" coords="121,12,127,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66CC99')" onClick="javascript:keepColor()">
<area shape="rect" coords="129,12,135,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66CCCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="137,12,143,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66CCFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="145,12,151,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99CC00')" onClick="javascript:keepColor()">
<area shape="rect" coords="153,12,159,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99CC33')" onClick="javascript:keepColor()">
<area shape="rect" coords="161,12,167,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99CC66')" onClick="javascript:keepColor()">
<area shape="rect" coords="169,12,175,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99CC99')" onClick="javascript:keepColor()">
<area shape="rect" coords="177,12,183,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99CCCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="185,12,191,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99CCFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="193,12,199,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCCC00')" onClick="javascript:keepColor()">
<area shape="rect" coords="201,12,207,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCCC33')" onClick="javascript:keepColor()">
<area shape="rect" coords="209,12,215,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCCC66')" onClick="javascript:keepColor()">
<area shape="rect" coords="217,12,223,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCCC99')" onClick="javascript:keepColor()">
<area shape="rect" coords="225,12,231,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCCCCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="233,12,239,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCCCFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="241,12,247,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFCC00')" onClick="javascript:keepColor()">
<area shape="rect" coords="249,12,255,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFCC33')" onClick="javascript:keepColor()">
<area shape="rect" coords="257,12,263,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFCC66')" onClick="javascript:keepColor()">
<area shape="rect" coords="265,12,271,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFCC99')" onClick="javascript:keepColor()">
<area shape="rect" coords="273,12,279,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFCCCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="281,12,287,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFCCFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="1,23,7,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#009900')" onClick="javascript:keepColor()">
<area shape="rect" coords="9,23,15,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#009933')" onClick="javascript:keepColor()">
<area shape="rect" coords="17,23,23,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#009966')" onClick="javascript:keepColor()">
<area shape="rect" coords="25,23,31,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#009999')" onClick="javascript:keepColor()">
<area shape="rect" coords="33,23,39,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0099CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="41,23,47,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0099FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="49,23,55,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#339900')" onClick="javascript:keepColor()">
<area shape="rect" coords="57,23,63,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#339933')" onClick="javascript:keepColor()">
<area shape="rect" coords="65,23,71,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#339966')" onClick="javascript:keepColor()">
<area shape="rect" coords="73,23,79,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#339999')" onClick="javascript:keepColor()">
<area shape="rect" coords="81,23,87,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3399CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="89,23,95,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3399FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="97,23,103,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#669900')" onClick="javascript:keepColor()">
<area shape="rect" coords="105,23,111,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#669933')" onClick="javascript:keepColor()">
<area shape="rect" coords="113,23,119,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#669966')" onClick="javascript:keepColor()">
<area shape="rect" coords="121,23,127,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#669999')" onClick="javascript:keepColor()">
<area shape="rect" coords="129,23,135,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6699CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="137,23,143,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6699FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="145,23,151,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#999900')" onClick="javascript:keepColor()">
<area shape="rect" coords="153,23,159,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#999933')" onClick="javascript:keepColor()">
<area shape="rect" coords="161,23,167,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#999966')" onClick="javascript:keepColor()">
<area shape="rect" coords="169,23,175,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#999999')" onClick="javascript:keepColor()">
<area shape="rect" coords="177,23,183,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9999CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="185,23,191,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9999FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="193,23,199,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC9900')" onClick="javascript:keepColor()">
<area shape="rect" coords="201,23,207,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC9933')" onClick="javascript:keepColor()">
<area shape="rect" coords="209,23,215,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC9966')" onClick="javascript:keepColor()">
<area shape="rect" coords="217,23,223,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC9999')" onClick="javascript:keepColor()">
<area shape="rect" coords="225,23,231,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC99CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="233,23,239,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC99FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="241,23,247,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF9900')" onClick="javascript:keepColor()">
<area shape="rect" coords="249,23,255,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF9933')" onClick="javascript:keepColor()">
<area shape="rect" coords="257,23,263,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF9966')" onClick="javascript:keepColor()">
<area shape="rect" coords="265,23,271,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF9999')" onClick="javascript:keepColor()">
<area shape="rect" coords="273,23,279,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF99CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="281,23,287,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF99FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="1,34,7,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#006600')" onClick="javascript:keepColor()">
<area shape="rect" coords="9,34,15,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#006633')" onClick="javascript:keepColor()">
<area shape="rect" coords="17,34,23,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#006666')" onClick="javascript:keepColor()">
<area shape="rect" coords="25,34,31,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#006699')" onClick="javascript:keepColor()">
<area shape="rect" coords="33,34,39,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0066CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="41,34,47,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0066FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="49,34,55,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#336600')" onClick="javascript:keepColor()">
<area shape="rect" coords="57,34,63,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#336633')" onClick="javascript:keepColor()">
<area shape="rect" coords="65,34,71,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#336666')" onClick="javascript:keepColor()">
<area shape="rect" coords="73,34,79,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#336699')" onClick="javascript:keepColor()">
<area shape="rect" coords="81,34,87,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3366CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="89,34,95,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3366FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="97,34,103,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#666600')" onClick="javascript:keepColor()">
<area shape="rect" coords="105,34,111,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#666633')" onClick="javascript:keepColor()">
<area shape="rect" coords="113,34,119,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#666666')" onClick="javascript:keepColor()">
<area shape="rect" coords="121,34,127,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#666699')" onClick="javascript:keepColor()">
<area shape="rect" coords="129,34,135,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6666CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="137,34,143,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6666FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="145,34,151,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#996600')" onClick="javascript:keepColor()">
<area shape="rect" coords="153,34,159,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#996633')" onClick="javascript:keepColor()">
<area shape="rect" coords="161,34,167,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#996666')" onClick="javascript:keepColor()">
<area shape="rect" coords="169,34,175,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#996699')" onClick="javascript:keepColor()">
<area shape="rect" coords="177,34,183,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9966CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="185,34,191,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9966FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="193,34,199,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC6600')" onClick="javascript:keepColor()">
<area shape="rect" coords="201,34,207,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC6633')" onClick="javascript:keepColor()">
<area shape="rect" coords="209,34,215,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC6666')" onClick="javascript:keepColor()">
<area shape="rect" coords="217,34,223,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC6699')" onClick="javascript:keepColor()">
<area shape="rect" coords="225,34,231,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC66CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="233,34,239,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC66FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="241,34,247,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF6600')" onClick="javascript:keepColor()">
<area shape="rect" coords="249,34,255,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF6633')" onClick="javascript:keepColor()">
<area shape="rect" coords="257,34,263,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF6666')" onClick="javascript:keepColor()">
<area shape="rect" coords="265,34,271,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF6699')" onClick="javascript:keepColor()">
<area shape="rect" coords="273,34,279,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF66CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="281,34,287,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF66FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="1,45,7,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#003300')" onClick="javascript:keepColor()">
<area shape="rect" coords="9,45,15,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#003333')" onClick="javascript:keepColor()">
<area shape="rect" coords="17,45,23,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#003366')" onClick="javascript:keepColor()">
<area shape="rect" coords="25,45,31,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#003399')" onClick="javascript:keepColor()">
<area shape="rect" coords="33,45,39,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0033CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="41,45,47,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0033FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="49,45,55,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#333300')" onClick="javascript:keepColor()">
<area shape="rect" coords="57,45,63,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#333333')" onClick="javascript:keepColor()">
<area shape="rect" coords="65,45,71,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#333366')" onClick="javascript:keepColor()">
<area shape="rect" coords="73,45,79,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#333399')" onClick="javascript:keepColor()">
<area shape="rect" coords="81,45,87,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3333CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="89,45,95,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3333FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="97,45,103,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#663300')" onClick="javascript:keepColor()">
<area shape="rect" coords="105,45,111,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#663333')" onClick="javascript:keepColor()">
<area shape="rect" coords="113,45,119,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#663366')" onClick="javascript:keepColor()">
<area shape="rect" coords="121,45,127,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#663399')" onClick="javascript:keepColor()">
<area shape="rect" coords="129,45,135,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6633CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="137,45,143,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6633FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="145,45,151,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#993300')" onClick="javascript:keepColor()">
<area shape="rect" coords="153,45,159,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#993333')" onClick="javascript:keepColor()">
<area shape="rect" coords="161,45,167,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#993366')" onClick="javascript:keepColor()">
<area shape="rect" coords="169,45,175,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#993399')" onClick="javascript:keepColor()">
<area shape="rect" coords="177,45,183,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9933CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="185,45,191,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9933FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="193,45,199,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC3300')" onClick="javascript:keepColor()">
<area shape="rect" coords="201,45,207,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC3333')" onClick="javascript:keepColor()">
<area shape="rect" coords="209,45,215,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC3366')" onClick="javascript:keepColor()">
<area shape="rect" coords="217,45,223,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC3399')" onClick="javascript:keepColor()">
<area shape="rect" coords="225,45,231,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC33CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="233,45,239,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC33FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="241,45,247,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF3300')" onClick="javascript:keepColor()">
<area shape="rect" coords="249,45,255,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF3333')" onClick="javascript:keepColor()">
<area shape="rect" coords="257,45,263,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF3366')" onClick="javascript:keepColor()">
<area shape="rect" coords="265,45,271,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF3399')" onClick="javascript:keepColor()">
<area shape="rect" coords="273,45,279,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF33CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="281,45,287,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF33FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="1,56,7,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#000000')" onClick="javascript:keepColor()">
<area shape="rect" coords="9,56,15,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#000033')" onClick="javascript:keepColor()">
<area shape="rect" coords="17,56,23,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#000066')" onClick="javascript:keepColor()">
<area shape="rect" coords="25,56,31,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#000099')" onClick="javascript:keepColor()">
<area shape="rect" coords="33,56,39,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0000CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="41,56,47,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0000FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="49,56,55,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#330000')" onClick="javascript:keepColor()">
<area shape="rect" coords="57,56,63,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#330033')" onClick="javascript:keepColor()">
<area shape="rect" coords="65,56,71,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#330066')" onClick="javascript:keepColor()">
<area shape="rect" coords="73,56,79,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#330099')" onClick="javascript:keepColor()">
<area shape="rect" coords="81,56,87,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3300CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="89,56,95,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3300FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="97,56,103,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#660000')" onClick="javascript:keepColor()">
<area shape="rect" coords="105,56,111,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#660033')" onClick="javascript:keepColor()">
<area shape="rect" coords="113,56,119,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#660066')" onClick="javascript:keepColor()">
<area shape="rect" coords="121,56,127,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#660099')" onClick="javascript:keepColor()">
<area shape="rect" coords="129,56,135,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6600CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="137,56,143,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6600FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="145,56,151,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#990000')" onClick="javascript:keepColor()">
<area shape="rect" coords="153,56,159,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#990033')" onClick="javascript:keepColor()">
<area shape="rect" coords="161,56,167,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#990066')" onClick="javascript:keepColor()">
<area shape="rect" coords="169,56,175,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#990099')" onClick="javascript:keepColor()">
<area shape="rect" coords="177,56,183,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9900CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="185,56,191,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9900FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="193,56,199,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC0000')" onClick="javascript:keepColor()">
<area shape="rect" coords="201,56,207,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC0033')" onClick="javascript:keepColor()">
<area shape="rect" coords="209,56,215,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC0066')" onClick="javascript:keepColor()">
<area shape="rect" coords="217,56,223,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC0099')" onClick="javascript:keepColor()">
<area shape="rect" coords="225,56,231,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC00CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="233,56,239,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC00FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="241,56,247,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF0000')" onClick="javascript:keepColor()">
<area shape="rect" coords="249,56,255,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF0033')" onClick="javascript:keepColor()">
<area shape="rect" coords="257,56,263,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF0066')" onClick="javascript:keepColor()">
<area shape="rect" coords="265,56,271,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF0099')" onClick="javascript:keepColor()">
<area shape="rect" coords="273,56,279,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF00CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="281,56,287,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF00FF')" onClick="javascript:keepColor()">
</map><br><br>
<a><img usemap="#colmap" src="http://ipboard.net/html/sys-img/colours.gif" border=0 width=289 height=67></a>
<br>
<br>
The Hexidecimal Value<br><br>
<input type='text' name='hexval' size=15 readonly='readonly'><input type="hidden" name="hidden"><input type="button" name="button" value="OK" onClick="InsertBBCode('COLOR')">
<br><br>
<!--END OF COLOUR SCRIPT -->




Сохраняем, закрываем.
3. Post Screen Sections -- +-- Post: Code Buttons & Post Text area -- Редактировать

(этот же самый шаблон)

Ищем:

CODE

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


Удаляем.

Сохраняем, закрываем.

Привечание. В зависимости от того, где вы хотите, чтобы размещалась палитра, вы можете перемещать код в пункте 2.

Установка успешно завершена!

Как пользоватся: Обводите нужный текст, в палитре кликаете курсором по нужному цвету, снизу в поле The Hexidecimal Value высвечивается значение выбраного вами цвета. Потом жмете кнопку Ок , и ваш выделенный текст уже в "цветных тегах" .

Автор: Slesher Авг 31 2009, 14:37
Пишите как работает, какие замечания.

Автор: Dron Авг 31 2009, 15:10
Прикольно блин... biggrin.gif

Автор: Добрый Авг 31 2009, 15:38
Отлично! Надо будет сделатьwink.gif Если сборку быстрого ответа юзать сервисную, то можно в таблицу ее вмазатьwink.gif

Автор: Slesher Авг 31 2009, 16:36
Спасибо, рад старатся.. smile.gif

Автор: beauty Сен 2 2009, 12:33
Slesher, все здорово, спасибо.

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

Автор: Dron Сен 2 2009, 12:51
QUOTE (beauty @ Сен 2 2009, 13:34)
Но позвольте скажу одно, возможно, меня глючит.
Когда пишешь текст, выделяешь его и тыкаешь по цвету - скобки код цвета получается за текстом. Приходится сначала тыкнуть цвет, а потом между скобками что-то написать или переносить нужный текст.

Осмелюсь предположить, что вы пользуетесь браузером Опера.
Я прав?

Автор: beauty Сен 2 2009, 14:11
Dron,нет.

Автор: beauty Сен 2 2009, 14:11
все остальные теги работают нормально.

Автор: Dron Сен 2 2009, 14:47
QUOTE (beauty @ Сегодня, 15:12)
все остальные теги работают нормально.

Ну тогда это на заметку разработчику: Проверить на кросбраузерность.

Автор: Slesher Сен 2 2009, 15:00
beauty,

Извиняюсь...действительно недоработка...забыл добавить вставку на выделение....Пока только можете вставлять теги писать между ними текст, сегодня доделаю выделение и вставку через prompt.
Дам знать, обновлю первый пост.

Автор: Slesher Сен 3 2009, 21:12
Сделано, что теги с цветом при нажатии кнопки появляются вокруг выделенного текста. Немного изменен вид.

Инструкцию по установке смотрите в обновленном первом посте данного топика. Установка показана на стандартном скине, со стандартным кодом, поэтому восстановите стандартные коды измененных двух шаблонов.
Ниже привожу исходные коды:


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

+-- Post: Code Buttons & Post Text area




<tr>
<td class='pformstrip' colspan="2">{ibf.lang.ib_code_buttons}</td>
</tr>
<tr>
<td class='pformleft'>
<input type='radio' class='radiobutton' name='bbmode' value='ezmode' onclick='setmode(this.value)' />&nbsp;<b>{ibf.lang.bbcode_guided}</b><br />
<input type='radio' class='radiobutton' name='bbmode' value='normal' onclick='setmode(this.value)' checked="checked" />&nbsp;<b>{ibf.lang.bbcode_normal}</b>
<script type='text/javascript' src='html/ibfcode.js'></script>
</td>
<td class='pformright'>
<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')" />

<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>
&nbsp; <a href='javascript:closeall();' onmouseover="hstat('close')">{ibf.lang.js_close_all_tags}</a>
<br />
<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')" />
<input type='button' accesskey='d' value=' СКРЫТЫЙ ТЕКСТ ' onClick='simpletag("HIDE")' class='codebuttons' name="HIDE" onMouseOver="hstat('hide')" />
<!--<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'>-->
<br />
{ibf.lang.hb_open_tags}:&nbsp;<input type='text' name='tagcount' size='3' maxlength='3' style='font-size:10px;font-family:verdana,arial;border:0px;font-weight:bold;' readonly="readonly" class='row1' value="0" />
&nbsp;<input type='text' name='helpbox' size='50' maxlength='120' style='width:auto;font-size:10px;font-family:verdana,arial;border:0px' readonly="readonly" class='row1' value="{ibf.lang.hb_start}" />
</td>
</tr>
<tr>
<td colspan="2" class='pformstrip'>{ibf.lang.post}</td>
</tr>
<tr>
<td class='pformleft' align='center'>
<!--SMILIE TABLE-->
<br /><div class='desc'><strong><a href='javascript:CheckLength()'>{ibf.lang.check_length}</a> &middot; <a href='javascript:bbc_pop()'>{ibf.lang.bbc_help}</a></strong></div>
</td>
<td class="pformright" valign='top'>
<textarea cols='80' rows='20' name='Post' tabindex='3' class='textinput'>$data</textarea></td>
</tr>
<tr>
<td class='pformleft'><b>{ibf.lang.po_options}</b></td>
<td class='pformright'>
<!--IBF.EMO-->
<!--IBF.SIG-->
<!--IBF.TRACK-->
</td>
</tr>




Post: Table Top




<script language='Javascript' type='text/javascript'>
<!--
function PopUp(url, name, width,height,center,resize,scroll,posleft,postop) {
if (posleft != 0) { x = posleft }
if (postop != 0) { y = postop }

if (!scroll) { scroll = 1 }
if (!resize) { resize = 1 }

if ((parseInt (navigator.appVersion) >= 4 ) && (center)) {
X = (screen.width - width ) / 2;
Y = (screen.height - height) / 2;
}
if (scroll != 0) { scroll = 1 }

var Win = window.open( url, name, 'width='+width+',height='+height+',top='+Y+',left='+X+',resizable='+resize+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no');
}
//-->
</script>
<table class='tableborder' cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class='maintitle' colspan="2">&nbsp;&nbsp;$data</td>
</tr>




Первый пост обновлен!!!

Палитра работает ВО ВСЕХ браузерах, даже в Опере. Тест выделяется правильно.

Автор: Ustas Сен 4 2009, 21:24
Slesher-не появляется палитра-вроде как все правильно делал...

Автор: Slesher Сен 4 2009, 22:17
Ustas,

Все нормально....Установки детально расписана в первом посте этой темы...Я установил все заново на стандартный скин( Default-Skin ) и все прекрасно работает...
Совет.Вместо того, чтобы искать ошибку, восстановите стандартный код ( http://ipboard.net/index.php?showtopic=2495&view=findpost&p=33653 ) и установите заново, как в первом посте.

Расскажите, что именно не работает?
В каком скине проблеммы?

Автор: Ustas Сен 4 2009, 23:49
Slesher
скин IPB-стандарт,Всё восстановил и поставил заново.В форме ответа ничего не появляется -всё остаётся также.

Автор: backgaman Сен 5 2009, 10:54
Slesher, в чём может быть проблема, не отоброжаеться кнопка ок

Автор: backgaman Сен 5 2009, 11:19
с кнопкой разобрался. Теперь другая трабла, обвожу текст, навожу на цвет код в окошке появляется как только курсор перевожу нажать на кнопку ок код в окошке пропадает, тоесть не получается сделать как описано здесь.

(Обводите нужный текст, в палитре кликаете курсором по нужному цвету, снизу в поле The Hexidecimal Value высвечивается значение выбраного вами цвета. Потом жмете кнопку Ок , и ваш выделенный текст уже в "цветных тегах") .

Автор: Slesher Сен 5 2009, 11:22
Ustas, если вы правильно сделали пункт 2, самая палитра обязательно должна появится... Вы можете обратится в студию-дизайн администрации, или обговорить это дело лично со мной.

backgaman,

Гм...у вас гибрид первой недоделанной версии палитры и второй. Кнопка ОК есть, но при данном варианте ее вам не нужно. Перустановите мод, как описано в первом сообщении на данный момент.

Автор: backgaman Сен 5 2009, 11:50
QUOTE (Slesher @ Сен 5 2009, 12:23)
backgaman,

Гм...у вас гибрид первой недоделанной версии палитры и второй. Кнопка ОК есть, но при данном варианте ее вам не нужно. Перустановите мод, как описано в первом сообщении на данный момент.

Slesher, всё переустановил в explorere работает замечательно, а вот в мозиле как писала Бэти код остаётся за текстом.

Автор: Slesher Сен 5 2009, 16:24
backgaman,

Ну, вы можете сделать исключение для Мозиллы
Вставляете в яваскрипт
CODE

if(navigator.appName=="Netscape") {
<!--инструкция по вставке для мозиллы-->;
}
else
{
<!--для других браузеров-->
}


Кусок кода можете взять из стандартного скрипта по вставке

Автор: Ustas Сен 5 2009, 17:34
QUOTE (Slesher @ Сегодня, 12:23)
Ustas, если вы правильно сделали пункт 2, самая палитра обязательно должна появится... Вы можете обратится в студию-дизайн администрации, или обговорить это дело лично со мной.


Всё получилось-работает на "отлично".Спасибо за содействие!

Автор: Slesher Сен 5 2009, 18:17
QUOTE (Ustas @ Сегодня, 17:35)
Всё получилось


Я и не сомневался...надо только было постаратся smile.gif

Автор: Max Faxtor Сен 6 2009, 20:35
Спасибо, работает замечательно. Только вот при редактировании поста в окне, где должен быть редактируемый текст, его почему-то нет blink.gif

Автор: Slesher Сен 6 2009, 20:42
QUOTE (Max Faxtor @ Сегодня, 20:36)
при редактировании поста в окне, где должен быть редактируемый текст, его почему-то нет


не переживайте...мод еще новый, всех недостатков еще не найдено.

Найдите

<textarea name="Post" onkeypress="transliteFeld(this,event);" onmouseover='checkselection()' id='fastreplyarea' cols="70" rows="8" class="textarea" tabindex="1" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);"></textarea>

Замените на:

<textarea name="Post" onkeypress="transliteFeld(this,event);" onmouseover='checkselection()' id='fastreplyarea' cols="70" rows="8" class="textarea" tabindex="1" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);">$data</textarea>

То-есть вставьте перед </textarea> $data .

Автор: Slesher Сен 6 2009, 20:47
Первый пост обновлен

Автор: Max Faxtor Сен 6 2009, 20:57
Спасибо, исправил biggrin.gif Хорошая модификация smile.gif

Автор: ivanoff Сен 25 2009, 17:05
QUOTE (Slesher @ Сен 5 2009, 16:25)
backgaman,

Ну, вы можете сделать исключение для Мозиллы
Вставляете в яваскрипт
CODE

if(navigator.appName=="Netscape") {
<!--инструкция по вставке для мозиллы-->;
}
else
{
<!--для других браузеров-->
}


Кусок кода можете взять из стандартного скрипта по вставке

А можно подробнее, как и что изменить, что бы и в ИЕ работало, и в Мозиле.
Я всё сделал по инструкции из первого поста, так в ИЕ работает нормально, а в Мозиле тэг вставляет только после текста.

Автор: Язва Окт 3 2009, 16:54
Помогите вставить в быстрый ответ.
smile.gif

Автор: Slesher Окт 3 2009, 18:37
Язва,

Для этого надо переписывать полскриптаwink.gif

Автор: Землянин Окт 9 2009, 16:40
Спасибо, все работает!

Автор: Добрый Окт 9 2009, 17:10
QUOTE (Язва @ Окт 3 2009, 17:55)
Помогите вставить в быстрый ответ.
тож интересует, в виде выпадающего окошка, или допустим чтобы первый ряд был виден, при нажатии на стрелку выпадания справа, вылетал весь спектр

Автор: Slesher Окт 9 2009, 17:52
Добрый,
Понимаете, это не так то просто сделать.
Сейчас обьясню, почему.
Надеюсь, вы кое-что понимаете в html & javascript.
Как работает даный вариант палитры?
В даном случае, палитра - это простая картинка, входящая в стандартную сборку IPB. ( http://ipboard.net/html/sys-img/colours.gif )
user posted image
Если внемательно присмотрется к второму куску кода, то можна увидить, что изображение разделено на части , ограниченные координатами. Несколько фантазии, знаний и экспериментов - и пишем простенький скрипт, который при нажатии на цвет высвечивает hex значение цвета в text поле, потом, после нажатия на кнопку, делает цветным текст.

Потому я и говорю, просто выпадающим это не сделаешь, и чтобы только первый ряд высвечивался - тоже. Разве что только сложным кодом javascript или же даже AJAX. Хотя тогда уже попроще порытся в каком нить WYSIWYG редакторе, например, tinymce, и выудить оттуда красивую палитру. wink.gif

Автор: Добрый Окт 10 2009, 09:07
Slesher, Скинул ЛС

Зы. А если такую палитру под тексаеру поставить?

Автор: Slesher Окт 10 2009, 12:35
QUOTE (Добрый @ Сегодня, 09:08)
А если такую палитру под тексаеру поставить


Зачем? Не понял мысли

Автор: Добрый Окт 11 2009, 01:04
QUOTE (Slesher @ Вчера, 13:36)
Зачем? Не понял мысли
предложил место расположения.
Перефразирую: поставить под окно ввода текста)

Автор: Slesher Окт 11 2009, 13:20
Добрый,
Ну, думаю сдвинуть палитру не очень трудно тому кому это нужно...здесь использован не такой уж сложный скрипт)))

Автор: Konon Дек 8 2009, 01:43
после того как я поставил палиитру, у меня перестали работать все теги! что за..? может скажите что ето?!

Автор: Dron Дек 8 2009, 09:13
QUOTE (Konon @ Сегодня, 02:44)
может скажите что ето?!

Ну неужели вы и вправду допускаете возможность того, что модератор выложил неработающее или работающее с косяками дополнение, а вы такой один гений углядели это а все осталдьные нет? wink.gif

Автор: Konon Дек 8 2009, 12:06
У меня браузер Гугл Хром, может ето из за браузера?!

Автор: Dron Дек 8 2009, 12:22
QUOTE (Konon @ Сегодня, 13:07)
может ето из за браузера?!

Без понятия... Знать не знаю такого браузера.

Автор: Konon Дек 8 2009, 12:26
http://radikal.ru/F/i049.radikal.ru/0912/8e/f921907859d8.jpg.html теперь теги работают, но смотрите что внизу, какой то код!

Автор: Konon Дек 8 2009, 12:31
от дубинка, там надо было просто скобочку поставить! все, теперь работает!

Автор: Саффира Мар 14 2010, 00:35
КРАСОТА!
Спасибо biggrin.gif

Автор: hakeer Мар 28 2010, 09:58
Можно увидить скриншот? Очень интересно, а рисковать не хочеться!

Автор: Сергей Мар 28 2010, 10:05
QUOTE (hakeer @ Мар 28 2010, 12:59)
Можно увидить скриншот? Очень интересно, а рисковать не хочеться!

Установливаем другой скин и на нём тестируем дополнение, тем самым установленный по умолчанию скин "не портится".

Автор: mammy Май 6 2010, 17:25
QUOTE (Slesher @ Сен 5 2009, 15:24)
backgaman,

Ну, вы можете сделать исключение для Мозиллы
Вставляете в яваскрипт
CODE

if(navigator.appName=="Netscape") {
<!--инструкция по вставке для мозиллы-->;
}
else
{
<!--для других браузеров-->
}


Кусок кода можете взять из стандартного скрипта по вставке

Вставлять в яваскрипт? Куда конкретно, не подскажете? А то в этом деле не очень разбираюсь. А то уже спрашивали у вас, вы не ответили. Очень жду ответа.
Не очень удобно, когда теги получаются за текстом. Работаю в мазиле.

Заранее спасибо.

Автор: basanti Май 30 2010, 23:07
Красота!
Все получилось , только объясните пожалуйста как зделать что бы в опере тоже работало?не совсем поняла если честно huh.gif

Powered by Invision Power Board (//www.invisionboard.com)
© Invision Power Services (//www.invisionpower.com)