Однажды мне понадобилось сделать смену цвета ника в мини-чате на одном сайте. Посмотрел готовые решения — мне они не подошли, либо слишком мощные, либо, наоборот, кастрированные. Решил написать свое решение. Получилось вот что:

Плагин умеет выбирать и запоминать цвет в куках. Значение он передает текстовому полю.

Скачать плагин

В архиве два вида плагина — темный и светлый. Состав архива:

  • colorium.css — необходимые стили. То что не пригодится для оформления сжал.
  • colorium.js — сам плагин
  • jquery.cookie.js — плагин, который помогает кукам работать

Еще нужна jQuery версии не ниже 1.7.0

Настройки

squareSize
Размер цветных квадратиков в попапе. Принимает числовые значения. Есть смысл ставить от 16 до 30 включительно. Больше и меньше плагин поставить не позволит. По-умолчанию: 25

width
Ширина попапа. Имеет три значения: small, standart и big. По-умолчанию: standart

color
Цвет на кнопочке по-умолчанию, тот, который человек видит до того как что-либо выбрал. Задается в любом доступном формате. По-умолчанию: #000000

Бонус-трек: Раскрашиваем ники в мини-чате на Юкозе

Подключаем все необходимое:

<link rel="stylesheet" href="http://shugich/codes/colorium/white/colorium.css">
<script src="http://shugich/codes/colorium/white/jquery.cookie.js"></script>
<script src="http://shugich/codes/colorium/white/colorium.js"></script>
<script>
$(function() {
  $('#mchatC2F').colorium({
    'squareSize': 20,
    'width': 'small',
    'color': '#ff0000'
  });
});
</script>

Меняем цвет при выводе в шаблоне вида материалов. Для ссылочки с ником добавляем:

style="color: $CUSTOM2$;"

Не забудьте активировать поле №2 в настройках модуля.

Это все.