All-For-Kompa.RU

Сегодня:
Карта сайта форум Главная
Скрыть рекламный блок

Всё для компа

chat

Видео дня

Популярное

Реклама

Хочешь помочь проекту? Установи наш баннер!

Партнёры



Развлекательный портал по игре Dota 2. У нас вы первым узнаете о последних игровых новостях, сможете почитать интересные статьи и гайды, посмотреть стримы популярных комментаторов и многое другое.

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

Авторизация


Реклама

Хочешь помочь проекту? Установи наш баннер!

Опрос

На сколько оцениваете сайт?

1. Лучший из лучших
2. Круто
3. отлично
4. пойдёт
5. так себе
6. О_о

Реклама

Хочешь помочь проекту? Установи наш баннер!

Популярные тэги

Комментарии

Счетчики

На сайте: 1
Прохожие: 1
Пользователей: 0
Статус:

Счётчик тИЦ и PR Rambler's Top100
HTML и DHTML [2] JavaScript [5]
Mootools [2] JQuery [22]
Разное [2] CSS [4]
PHP [1]
АвторАвтор: leonP4 | ДатаДата: 14.09.2010 |Голосов: 0


Очень интересное решение выбора цвета фона через плагин color picker. У
ваших пользователей будет возможность выбрать свой цвет фона из всего
спектра цветов

Установка:

После /head на нужных страницах вставляйте:

Code
<link rel="stylesheet" href="/css/ui.colorpicker.css"/>  
  <style type="text/css">  
  #bg fieldset { border-width: 1px; width: 460px; }  
  #bg .fields { padding: 25px; margin-bottom: 20px; }  
  #bg div { clear: both; }  
  #bg label { float: left; width: 85px; }  
  #bg input { float: left; width: 190px; }  
  .ui-colorpicker input { float: none; width: auto; height: auto; }  
  #bg .submit { margin-top: 40px; text-align: center; }  
  </style>  
   
  <script language="JavaScript" src="/js/jq.js"></script>  
  <script language="JavaScript" src="/js/jq.color.js"></script>  
  <script language="JavaScript">  
   
  $(document).ready(function() {  
   
  var hideit = function(e, ui) { $(this).val('#'+ui.hex); $('.ui-colorpicker').css('display', 'none'); };  
  $('#bg #colorpicker').colorpicker({ hide: hideit, submit: hideit });  
   
  $('#dochange').click(function() {  
   
  $('body').css('background-color', $('#colorpicker').val());  
   
  return false;  
  });  
   
  });  
   
  </script>

Следующий код вставляйте в то место, где будет сама форма выбора цвета фона:

Code
<form id="bg" action="">  
   
  <fieldset>  
  <legend>Цвет фона</legend>  
   
  <div class="fields">  
   
  <div><label for="colorpicker">Цвет:</label> <input type="text" id="colorpicker" name="colorpicker"/></div>  
   
  <div class="submit">  
  <button id="dochange">  
  Сменить фон  
  </button>  
  </div>  
  </div>  
   
  </fieldset>  
  <br/><br/><br/><br/><br/><br/><br/>  
  </form>

Теперь залейте два скрипта из прикреплённого архива в папку js, один стиль в папку css и все картинки в папку images

Автор: Материал подготовлен Apocalypse

Источник : прямая ссылка на источник


Теги к статье:

| : jQuery, color, выбор, Picker, через, фона, Цвета, плагин
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Популярные файлыНовые файлы
Call of Duty 5: World at ...[ Скачали 67375 раз ]
Амфибии, Гайд по ассасина...[ Скачали 31758 раз ]
Амфибии, Гайд по шаманам.[ Скачали 30663 раз ]
cs 1.6 patch v48 full[ Скачали 29045 раз ]
Русский бот PW Alfa v 2.6[ Скачали 17192 раз ]
Огромный пак глюков и баг...[ Скачали 12743 раз ]
civilization 5 скачать бе...[ Скачали 11941 раз ]
PW MP5[ Скачали 11147 раз ]
MHS-Bot-PW 2.3 ботовод[ Скачали 10403 раз ]
Niko Bellic (нико белич) ...[ Скачали 10005 раз ]
Inkbound (2024/En/MULTI/R...[ Добавлен 13.04.2024 ]
The Planet Crafter (2024/...[ Добавлен 13.04.2024 ]
My Life: Farm Vet (2024/R...[ Добавлен 12.04.2024 ]
Headquarters: World War I...[ Добавлен 12.04.2024 ]
Ereban: Shadow Legacy (20...[ Добавлен 11.04.2024 ]
Broken Roads (2024/Ru/En/...[ Добавлен 11.04.2024 ]
Wallpapers Girls №1042[ Добавлен 11.04.2024 ]
Children of the Sun (2024...[ Добавлен 09.04.2024 ]
Wallpapers Girls №1041[ Добавлен 09.04.2024 ]
Wallpapers Girls №1040[ Добавлен 08.04.2024 ]