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

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

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

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

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

Страница: 1

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

1

  • Автор: Татьянка
  • Новичок
  • Зарегистрирован: 2008-11-13
  • Приглашений: 0
  • Сообщений: 5
  • Уважение: 0
  • Позитив: 0
  • Пол: Женский
  • Провел на форуме:
    3 часа 4 минуты
  • Последний визит:
    2008-11-14 17:25:03

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

0

2

  • Автор: Dimitra
  • Гость

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

0

3

  • Автор: Diesel
  • Форумчанин
  • Diesel
  • Откуда: Россия
  • Зарегистрирован: 2008-01-02
  • Приглашений: 0
  • Сообщений: 1172
  • Уважение: +157
  • Позитив: +18
  • Пол: Мужской
  • Возраст: 16 [2008-09-01]
  • Провел на форуме:
    3 часа 41 минуту
  • Последний визит:
    2011-12-12 21:24:05

(с) 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

  • Автор: Татьянка
  • Новичок
  • Зарегистрирован: 2008-11-13
  • Приглашений: 0
  • Сообщений: 5
  • Уважение: 0
  • Позитив: 0
  • Пол: Женский
  • Провел на форуме:
    3 часа 4 минуты
  • Последний визит:
    2008-11-14 17:25:03

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

0

5

  • Автор: romaniys
  • Заблокирован
  • romaniys
  • Откуда: г.Умань
  • Зарегистрирован: 2009-01-07
  • Приглашений: 0
  • Сообщений: 82
  • Уважение: 0
  • Позитив: +15
  • Пол: Мужской
  • Возраст: 32 [1992-03-12]
  • Провел на форуме:
    1 день 9 часов
  • Последний визит:
    2009-02-09 00:27:59

Спасиба. https://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

6

  • Автор: аня_т
  • Форумчанин
  • аня_т
  • Зарегистрирован: 2008-12-13
  • Приглашений: 0
  • Сообщений: 59
  • Уважение: 0
  • Позитив: +5
  • Пол: Женский
  • Провел на форуме:
    1 день 3 часа
  • Последний визит:
    2010-06-04 10:42:52

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

0

7

  • Автор: Алена
  • Помощник ZeroParking
  • Алена
  • Зарегистрирован: 2008-05-18
  • Приглашений: 0
  • Сообщений: 863
  • Уважение: +109
  • Позитив: +132
  • Пол: Женский
  • Возраст: 37 [1986-12-26]
  • Провел на форуме:
    5 дней 7 часов
  • Последний визит:
    2011-09-27 18:31:37
аня_т написал(а):

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

что именно?

0

8

  • Автор: Алан
  • Новичок
  • Зарегистрирован: 2009-01-14
  • Приглашений: 0
  • Сообщений: 5
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    15 минут
  • Последний визит:
    2009-01-14 20:32:51

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

0

9

  • Автор: Коша-сан
  • Форумчанин
  • Коша-сан
  • Откуда: из Дракенфурта
  • Зарегистрирован: 2008-08-17
  • Приглашений: 0
  • Сообщений: 692
  • Уважение: +91
  • Позитив: +80
  • Пол: Женский
  • Провел на форуме:
    8 дней 17 часов
  • Последний визит:
    2012-09-26 15:07:22

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

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

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

  • Автор: Dorana
  • Форумчанин
  • Зарегистрирован: 2011-02-28
  • Приглашений: 0
  • Сообщений: 16
  • Уважение: 0
  • Позитив: +2
  • Провел на форуме:
    9 часов 27 минут
  • Последний визит:
    2011-03-19 16:09:19

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

0

Страница: 1

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

Рейтинг форумов | Создать форум бесплатно