BILLmanager поддерживает брендирование — создание уникального оформления веб-интерфейса платформы. Настройки бренда доступны из интерфейса. Администратор может задать цветовую схему, загрузить логотип, настроить отображение информации о копирайте (авторское право), изменить вид страницы авторизации.
Настройка бренда
Чтобы стилизовать интерфейс, перейдите на страницу Управление услугами → Поставщики услуг → выберите поставщика → кнопка Настройка бренда.
Общее
- Заголовок окна — название страницы, которое отображается во вкладке браузера;
- Домашняя страница — сайт компании. При нажатии на подпись будет открыта указанная страница;
- Подпись — копирайт, отображается в нижней части левого меню, а также в нижней части страницы авторизации. Обозначает физическое или юридическое лицо, которому принадлежат авторские права на ресурс. Является ссылкой на домашнюю страницу;
- Контакты — ссылка на контактные данные компании. Будет добавлена на форму авторизации.
Логотип
- Ссылка на логотипе — при нажатии на логотип будет совершён переход по введенной ссылке;
- Основной логотип — логотип бренда, расположенный в левом верхнем углу панели управления. Максимальный размер 187x70 пикселей, поддерживаемые форматы: *.png, *.svg;
- Логотип формы авторизации — логотип бренда, отображаемый на странице авторизации в панели управления. Максимальный размер 107x40 пикселей, поддерживаемые форматы: *.png, .*svg;
- Иконка адресной строки (favicon) — иконка, отображаемая во вкладке браузера перед заголовком страницы. Максимальный размер 16x16 пикселей, поддерживаемый формат: *.ico.
Форма авторизации
Нажмите Настроить форму авторизации:
- Стиль формы авторизации — выберите стиль и расположение элементов на форме авторизации:
- Стиль 1 — в правой части страницы;
- Стиль 2 — по центру страницы;
- Добавить тень — активация опции добавит тень под форму авторизации.
- Фон формы авторизации:
- Загрузить своё изображение — Выберите файл изображения и его расположение на странице: Замостить фон, Растянуть по вертикали, Растянуть по горизонтали. Максимальный размер изображения 2560х1440 пикселей, поддерживаемые форматы: *.png, *.svg, *.jpeg;
- Выбрать цвет фона — введите HEX-код цвета или воспользуйтесь виджетом для его выбора.
Все изменения в настройках отображаются в превью выбора стилей.
Нажмите Вернуть форму BILLmanager 6, чтобы восстановить настройки по умолчанию.
HTML вставка
Все страницы панели управления созданы с использованием HTML-разметки, которая дополнялась каскадным языком стилей css и языком программирования javascript.
Чтобы создать более глубокую стилизацию BILLmanager, прямо из интерфейса можно добавлять свой HTML/css/javascript-код к существующему коду страниц BILLmanager.
В разделе HTML вставка имеется два поля для ввода: Заголовок (head) и Тело (body). Код из первого поля будет добавлен в конец блока заголовка (<head> </head>) каждой страницы. Код из второго поля будет добавлен в конец блока тела (<body> </body>) каждой страницы.
Например, чтобы изменить шрифт главного меню в поле Заголовок записывается следующий код:
<style>
li {
font-size:12px;
font-family:comic sans ms,cursive;
font-style:italic;
}
</style>Этот код переопределяет стандартное оформление элемента списка (тег <li>). Задает размер шрифта 12 пикселей, применяет шрифт comic sans ms и активирует курсивное начертание.
Пункты главного меню после добавления HTML вставки:
C помощью HTML вставки можно переопределить стиль любого используемого тега, класс стиля или добавить интерактивность какому-либо элементу.
Сброс настроек
Чтобы восстановить стандартные настройки, активируйте опцию Сбросить настройки и нажмите Применить.
