Форум поддержки пользователей ZeroParking

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Вопросы по скриптам » Дополнительные цвета


Дополнительные цвета

Сообщений 1 страница 10 из 10

1

извеняюсь если где то на форуме есть такая темка, видать пропустила её... :tomato:
ка кдобавить доп. цвета на форум?м?
:rolleyes:

0

2

Вопрос не понятем. Куда цвета? В разделе скриптов есть смена цвета на ники.

0

3

(с) Duka

Код:
<table><tr>
<td onclick="return changeVisibility('mycolor', this)"><img src="http://forum.mybb.ru/i/color_swatch.png" alt="Мои цвета" /></td></tr></table>
<div class="container" id="mycolor" style="display:none; width:200px">
	<table cellspacing="0">
<tr>
<td style="background-color:indigo" onclick="bbcode('[color=indigo]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:thistle" Height="15px" onclick="bbcode('[color=thistle]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:tomato" onclick="bbcode('[color=tomato]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:yellowgreen" onclick="bbcode('[color=yellowgreen]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:lightslategray" onclick="bbcode('[color=lightslategray]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:lightpink" onclick="bbcode('[color=lightpink]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:goldenrod" onclick="bbcode('[color=goldenrod]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:blue" onclick="bbcode('[color=blue]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:silver" onclick="bbcode('[color=silver]', '[/color]'); return changeVisibility('mycolor', this)"></td>
	<td style="background-color:aquamarine" onclick="bbcode('[color=aquamarine]', '[/color]'); return changeVisibility('mycolor', this)"></td>
</tr>
	</table>
	</div>

Для добавления своего нового цвета добавьте

Код:
<td style="background-color:ЦВЕТ" onclick="bbcode('[color=ЦВЕТ]', '[/color]'); return changeVisibility('mycolor', this)"></td>

перед

 

Код:
  </tr>

Вместо ЦВЕТ добавляете свой цвет: название цвета или номер цвета в RGB формате(решетка перед цветом в RGB обязательна)

Если Вы решили добавить много своих цветов, то не забудьте изменить в "width:200px" размер ширины всплывающего контейнера. изменяете 200 на значение большее или меньшее по Вашему усмотрению.

Скрипт вставлять в HTML в форме ответа.

0

4

Diesel
спасибо..как и куда вставлять и цвета менять знаю...мне только код нужен был)

0

5

Спасиба. --

0

6

у меня чето не получилось))

0

7

аня_т написал(а):

у меня чето не получилось))

что именно?

0

8

Получилось, автору спасибо.

0

9

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

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

Получается красиво и удобно. Можете посмотреть и протестировать как оно работает в гостевой на нашем форуме: 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%;
}

Отредактировано Солнечная Лара (2010-06-20 22:32:23)

+2

10

скажите, а можно для доп цветов сделать отдельную кнопку рядом с основными? и чтоб при наведении на нее появлялось название: "цвета админов"? Очень нужен такой скрипт, помогите, пожалуйста!

0


Вы здесь » Форум поддержки пользователей ZeroParking » Вопросы по скриптам » Дополнительные цвета


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC