Плагин - [XTR] Style Switcher | Творческая лаборатория xenforo

Совместимость с XenForo

Видимый копирайт: Да

Это дополнение представляет собой модификатор темы / обложки на основе jQuery, который позволяет посетителю изменять внешний вид вашей веб-страницы (например, цвет текста, цвет фона, фоновое изображение) с помощью раздвижной панели.

Характеристики:

Широкий и коробочный вариант компоновки
7 различных пользовательских палитр цветов
Red, Blue, Green, Yellow, Slate, Violet, Teal
8 настраиваемый инструмент выбора шаблонов,
8 настраиваемый выбор фона,
Пользовательский скрипт cookie,
Кнопки автоматического сброса,
Возможность выбора групп пользователей,
Возможность использования в указанной теме,
Полностью управляемая функция стиля,
Совместимость с современными браузерами
Больше возможностей.

Как использовать:
После установки плагина вы можете увидеть коды, которые изменяют цвета некоторых полей по умолчанию на странице свойств стиля.

Основные палитры красных цветов проверьте, чтобы фоны отображались красным цветом в цветовом коде, указанном в этой области.
Палитры с добавлением красного цвета определяют цвет и поля ссылок и описания, которые будут отображаться на красном фоне.

Примеры кодов:
Здесь указаны только красные тона.

Значение классов BG красного цвета: в этом поле вы увидите следующие коды.

Код:

[xf="red"] .style-customizer a.opener,
[xf="red"] .style-customizer .custom-logo,
[xf="red"] .style-customizer .button-border,
[xf="red"] .style-customizer a.button.button-border,
[xf="red"] .p-header,
[xf="red"] .p-nav,
[xf="red"] .p-nav-list .p-navEl.is-menuOpen,
[xf="red"] .p-navgroup-link.is-menuOpen,
[xf="red"] .p-footer,
[xf="red"] .p-body-main .block-header,
[xf="red"] .block-minorHeader

Существует префиксный код, который вам нужно использовать для каждого поля, в котором вы хотите изменить цвет.

[xf ="red"]
вы должны поместить этот код перед форматом css, который хотите изменить.

Вам нужно следовать той же процедуре для других оттенков.

Если вы хотите применить одинаковые цветовые тона к своим областям с разными цветовыми тонами, вы можете использовать аналогичные коды, приведенные ниже в шаблоне extra.less.

Пример кода:

Код:

[xf="red"] .p-staffBar {
    background: fade(xf-default(@xf-xtr_color_schemes_red_background, transparent), 80%);
    color: fade(xf-default(@xf-xtr_color_schemes_red_color, transparent), 80%);
    border-bottom: @xf-borderSize solid rgba(255, 255, 255, 0.15);
}
[xf="red"] .p-staffBar a {
    color: fade(xf-default(@xf-xtr_color_schemes_red_color, transparent), 80%);
}
[xf="red"] .p-staffBar-link:hover {
    background: {{ property('xtr_color_schemes_red_background') }};
}

Как вы можете видеть в приведенном выше примере, в области панели персонала есть три разных цвета. Фон, цвет и нижняя граница.В этом примере вы можете изменить цвет полей, которые хотите изменить.

Плагин [XTR] Style Switcher 1.0.2

Рейтинги

Ещё ресурсы от

Поделиться этим ресурсом

Похожие ресурсы