Дополнительные цвета в форму ответа
(доработанный скрипт, автор - ваш покорный)

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

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

Получается красиво и удобно. Можете посмотреть и протестировать как оно работает в гостевой на нашем форуме: http://drakenfurt.ru/viewtopic.php?id=851#p19761

Вот это надо вставлять в НТМЛ-низ! Не в форму ответа! В НИЗ! Это важно.

Вместо любых цветов в моей палитре можете ставить свои.
Изменяется только непосредственно код самого цвета. Либо название его, если он из стандартных. (Ну, если только вы не решите добавить еще цветов в нижнюю или верхнюю часть палитры. Чтобы палитра красиво смотрелась, лучше тогда добавлять одновременно и в нижнюю часть, и в верхнюю.)

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

Код:
<!-- Begin Enhanced Colors -->

<script type="text/javascript">

var colorArea = document.getElementById("color-area");

if (colorArea)
{

colorArea.innerHTML = ' \
<table cellspacing="0"> \
<tr> \
	<td style="background-color: black;"><img src="/i/blank.gif" onclick="bbcode(\'[color=black]\',\'[/color]\')"></td> \
	<td style="background-color: gray;"><img src="/i/blank.gif" onclick="bbcode(\'[color=gray]\',\'[/color]\')"></td> \
	<td style="background-color: silver;"><img src="/i/blank.gif" onclick="bbcode(\'[color=silver]\',\'[/color]\')"></td> \
	<td style="background-color: #8597ab;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#8597ab]\',\'[/color]\')"></td> \
	<td style="background-color: #83cfdc;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#83cfdc]\',\'[/color]\')"></td> \
	<td style="background-color: #6ba5a7;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#6ba5a7]\',\'[/color]\')"></td> \
	<td style="background-color: #538451;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#538451]\',\'[/color]\')"></td> \
	<td style="background-color: #008101;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#008101]\',\'[/color]\')"></td> \
	<td style="background-color: #5e7343;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#5e7343]\',\'[/color]\')"></td> \
	<td style="background-color: #a89362;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#a89362]\',\'[/color]\')"></td> \
	<td style="background-color: #a76646;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#a76646]\',\'[/color]\')"></td> \
	<td style="background-color: #8f4c4d;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#8f4c4d]\',\'[/color]\')"></td> \
	<td style="background-color: #b31b1b;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#b31b1b]\',\'[/color]\')"></td> \
	<td style="background-color: #f15f85;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#f15f85]\',\'[/color]\')"></td> \
	<td style="background-color: #82738f;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#82738f]\',\'[/color]\')"></td> \
	<td style="background-color: #bfbef8;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#bfbef8]\',\'[/color]\')"></td> \
</tr> \
<tr>	<td style="background-color: #013236;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#013236]\',\'[/color]\')"></td> \
	<td style="background-color: #384b5c;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#384b5c]\',\'[/color]\')"></td> \
	<td style="background-color: teal;"><img src="/i/blank.gif" onclick="bbcode(\'[color=teal]\',\'[/color]\')"></td> \
	<td style="background-color: #023f50;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#023f50]\',\'[/color]\')"></td> \
	<td style="background-color: navy;"><img src="/i/blank.gif" onclick="bbcode(\'[color=navy]\',\'[/color]\')"></td> \
	<td style="background-color: #02ca67;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#02ca67]\',\'[/color]\')"></td> \
	<td style="background-color: #258452;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#258452]\',\'[/color]\')"></td> \
	<td style="background-color: #629512;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#629512]\',\'[/color]\')"></td> \
	<td style="background-color: #c78f07;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#c78f07]\',\'[/color]\')"></td> \
	<td style="background-color: #c8692f;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#c8692f]\',\'[/color]\')"></td> \
	<td style="background-color: #9d3005;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#9d3005]\',\'[/color]\')"></td> \
	<td style="background-color: #9b0000;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#9b0000]\',\'[/color]\')"></td> \
	<td style="background-color: #d11c20;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#d11c20]\',\'[/color]\')"></td> \
	<td style="background-color: #ff0649;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#ff0649]\',\'[/color]\')"></td> \
	<td style="background-color: #73499a;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#73499a]\',\'[/color]\')"></td> \
	<td style="background-color: #9899ff;"><img src="/i/blank.gif" onclick="bbcode(\'[color=#9899ff]\',\'[/color]\')"></td> \
</tr> \
</table>';
}

</script>

<!-- End Enhanced Colors -->

Вот это вставляете в стили (Структура style.css):

Код:
/* Reply Form */


.punbb #color-area {
 padding:2px;
 position:absolute;
 right:12px;
 top:43px;
 width:95%;
}

.punbb #color-area td {
 border-style:solid none none solid;
 border-width:1px 0 0 1px;
 border-color: #f9f9f9;
}

.punbb #color-area table, .punbb #color-area td img {
 height:16px;
 margin:0;
 padding:0;
 width:100%;
}

Пользуйтесь на здоровье. Удачи и процветания вашему проекту! :)