|
В нашем решении вы можете выбрать любую интересующую вас цветовую схему и очень просто её настроить. Схема задается всего одним цветом, благодаря технологии LESS.
В данном руководстве мы рассмотрим:
- Как выбрать базовый цвет (цветовую схему) для сайта;
- Как настроить темный и светлый оттенок (базового цвета) для кнопок, ссылок и других элементов.
Шаг 1. Переход к настройкам в административной части
- Откройте административную часть, зайдите в раздел Настройки -> Настройки продукта -> Настройки модулей -> BXReady Бизнес.
![Настройки модуля Настройки модуля](/upload/medialibrary/e94/e94bb4ac6bdce98d09036b116d40ea96.jpg)
Шаг 2. Выбор базового цвета
Для начала нужно выбрать шаблон, для которого будет происходить генерация цветов.
В настоящий момент представлено 20 подготовленных цветов. Но вы можете выбрать свой собственный цвет, выбрав его в “квадрате цветов” или, если вам нужен определенный цвет (например, ваш корпоративный), вы можете вставить его HEX-код.
![Настройка цвета Настройка цвета](/upload/medialibrary/885/885ed7217ebe594d4c7e61a1e1a7a69d.jpg)
Для завершения своего выбора нажмите “choose”!
Шаг 3. Настройка светлого и темного оттенка базового цвета.
У Вас есть возможность корректировать темный и светлый оттенок базового цвета для кнопок, ссылок и других элементов.
Сделать это можно с помощью двух ползунков:
- Параметр для вычисления оттенка темного по отношению к базовому цвету
- Параметр для вычисления оттенка светлого по отношению к базовому цвету
![ползунки.png ползунки.png](/upload/medialibrary/99e/99e3f37d6ce5bc5d8f3fe6b32ad756f6.png)
Чем больше значение - тем глубже оттенок.
Например, для светлого оттенка базового цвета: чем больше значение - тем светлее цвет.
И для темного оттенка базового цвета: чем больше значение - тем темнее цвет.
В демо-версии (http://business.bxready.ru) данные параметры находятся в демо-мастере и называются “Темный hover” и “Светлый hover”.
Как это выглядит:
Темный оттенок базового цвета, значение - 5%:
![Темный оттенок базового цвета, значение - 5%.png Темный оттенок базового цвета, значение - 5%.png](/upload/medialibrary/4c4/4c463a322a847b24445f81c16ec7af17.png)
Темный оттенок базового цвета, значение - 25%:
![Темный оттенок базового цвета, значение - 25%.png Темный оттенок базового цвета, значение - 25%.png](/upload/medialibrary/ee2/ee2bf33f5cf3460b336d8eeb60d488c5.png)
Светлый оттенок базового цвета, значение - 5%:
![Светлый оттенок базового цвета, значение - 5%.png Светлый оттенок базового цвета, значение - 5%.png](/upload/medialibrary/43a/43acb34fc295884614545c5bde8404b9.png)
Светлый оттенок базового цвета, значение - 25%:
![Светлый оттенок базового цвета, значение - 25%.png Светлый оттенок базового цвета, значение - 25%.png](/upload/medialibrary/cbe/cbe6f8c54eea2009a8dcb7119ce0acf6.png)
P.S. Если вы собираетесь произвести модернизацию, то вы всегда можете доработать LESS файл.
Слайдер |
Описание курса
| Для web-мастеров
|