Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Собственная палитра цветов для форума Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Собственная палитра цветов для форума Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума

для обязательного прочтения!

Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


Собственная палитра цветов для форума

Перейти вниз

Собственная палитра цветов для форума Empty Собственная палитра цветов для форума

Сообщение автор Dana Domirani Июль 10th 2013, 07:58

Собственная палитра цветов для форума

Данный скрипт позволяет создать собственный набор цветов для использования на форуме. Количество добавляемых цветов ограничено только размером js-файла.

Работает на всех движках, в режимах WYS и bb-кода, в быстром и развернутом ответе.

Как это выглядит (для примера):

Собственная палитра цветов для форума Image_23

1) В ПА > Общие > Сообщения и E-mail — Конфигурация > Вид палитры цветов в форме ответа : укажите простая и сохраните настройки.

2) В ПА > Модули > Управление кодами JS укажите Активировать управление кодами JS : да
Создайте новый файл и заполните следующим образом:
Название: любое, например, Моя палитра
Расположение: на всех страницах
Код:
Код:
$(function(){$(function(){

   if ($("#text_editor_textarea").length != 0) {
     $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
       var mColorBasic = [],
         html = $('<div />');
        
// добавьте свои цвета в данный список по указанному шаблону
      
       mColorBasic["черный"] = "#000000";
       mColorBasic["темно-синий"] = "#00008B";
       mColorBasic["чирок"] = "#008080";
       mColorBasic["темно-зеленый"] = "#006400";
       mColorBasic["индиго"] = "#4B0082";
       mColorBasic["малиновый"] = "#DC143C";
       mColorBasic["апельсиновый"] = "#FF4500";
       mColorBasic["коричневый"] = "#663300";

       mColorBasic["темно-серый"] = "#666666";
       mColorBasic["королевский синий"] = "#4169E1";
       mColorBasic["темная бирюза"] = "#00CED1";
       mColorBasic["зеленый"] = "#008000";
       mColorBasic["фиолетовый"] = "#9400D3";
       mColorBasic["красный"] = "#FF0000";
       mColorBasic["оранжевый"] = "#FF9933";
       mColorBasic["сиена"] = "#A0522D";

       mColorBasic["светло-серый"] = "#D3D3D3";
       mColorBasic["небесный"] = "#87CEEB";
       mColorBasic["циан"] = "#00FFFF";
       mColorBasic["лайм"] = "#32CD32";
       mColorBasic["орхидея"] = "#DA70D6";
       mColorBasic["лосось"] = "#FA8072";
       mColorBasic["золотистый"] = "#FFD700";
       mColorBasic["перу"] = "#CD853F";

       mColorBasic["белый"] = "#ffffff";
       mColorBasic["бледно-бирюзовый"] = "#AFEEEE";
       mColorBasic["аквамарин"] = "#7FFFD4";
       mColorBasic["бледно-зеленый"] = "#98FB98";
       mColorBasic["розовый"] = "#FFC0CB";
       mColorBasic["персик"] = "#FFDAB9";
       mColorBasic["желтый"] = "#FFFF00";
       mColorBasic["древесина"] = "#DEB887";
      
// конец списка цветов
      
       for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
      
       html.find('span').click(function(e) {
         callback($(this).attr('color'));
         editor.closeDropDown(true);
         e.preventDefault();
       });
      
       editor.createDropDown(caller, "color-picker", html);
     }    
   }
})});

Чтобы добавить новый цвет, добавьте в скрипт строку, оформленную по следующему шаблону:
Код:
mColorBasic["название_цвета"] = "#123456";
- вместо текста название_цвета подставьте название, которое будет показываться при наведении на иконку
- вместо цифр #123456 подставьте код желаемого цвета

Пожалуйста, будьте внимательны! Проверяйте правильность написания каждого кода!
Все предложенные цвета можно удалить или переставить в другом порядке.

Когда список новых цветов будет готов, сохраните скрипт.

3) В Па > Оформление > Цвета > Каскадная таблица стилей CSS добавьте настройки для иконок:
Код:
/* иконки цветов */

.color-option {
display: inline-block !important;
width: 15px !important;  /* ширина иконки цвета */
height: 15px !important;  /* высота иконки цвета */
border: 2px solid #fff !important;  /* белая рамка вокруг ииконки */
margin: 3px !important;   /* расстояние между иконками */
box-shadow: 0 0 2px #778899;   /* тень */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important;  /* ширина иконки цвета */
height: 15px !important;  /* высота иконки цвета */
}
.color-option, .color-option span {
border-radius: 2px;  /* закругленные уголки */  
}

/* палитра с иконками — от её ширины зависит, сколько иконок будут стоять в одном ряду */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* ширина всей палитры */
height: 100px !important;  /* высота всей палитры */
padding: 5px !important;
border-radius: 5px !important;
}



Собственная палитра цветов для форума Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22938
Возраст : 36
Регистрация : 2008-04-18
Благодарности : 9261

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения