![[XTR] Style Switcher](/data/resource_icons/0/299.jpg?1566802168){kind=icon}
- 兼容版本
- 2.2
- 安装要求
- XenForo2.1+
- 语言
- 英文 （English）
注意：在演示站点上，样式切换器插件仅设置为默认样式。
此附加组件是一个基于jQuery的主题/皮肤修改器，允许访问者从滑动面板更改网页的外观（例如，文本颜色，背景颜色，背景图像）。
安装：
- XENTR-StyleSwitcher-1.0.0.zip并解压缩。
- 将upload/src/addons/XENTR/StyleSwitcher目录复制到您的服务器。
- Javascript文件所在的目录： upload/js/xtr/style_switcher
- 图案和背景图片目录： upload/styles/xtr/style-customizer
- 从管理控制面板安装附加组件。
- 您可以从中检查选项/admin.php?options/groups/xtr_styleSwitcher/ 并进行设置。
- 从样式属性页面进行设置。特征：admin.php?styles/your-style/style-properties/group&group=xtr_style_switchers
- 宽和盒装布局选项
- 7种不同的定制颜色选择器 Red, Blue, Green, Yellow, Slate, Violet, Teal
- 8个自定义图案选择器，
- 8自定义背景选择器，
- 自定义Cookie脚本，
- 自动复位按钮，
- 能够选择用户组，
- 在指定主题上使用的选项，
- 完全可管理的风格功能，
- 现代浏览器兼容性
- 更多的选择。
无缝安装插件后，您可以在样式属性页面上看到默认情况下更改某些字段颜色的代码。
主要红色调色板检查要在此区域中指定的颜色代码中以红色显示的背景。
子红色调色板确定要在红色背景上显示的颜色以及链接和描述字段。
示例代码：
此处仅给出红色调。
红色BG类值：您将在此字段中看到以下代码
[/LIST]
Less：
[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模板中使用下面给出的类似代码。
示例代码：
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') }};
}注意： 如果您共享在此源主题下开发的颜色代码，我可以将您提供的代码添加到插件的未来更新中。
请指定您对加载项的评估。
