• 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件、模板主题。售前、售后问题请联系QQ:5916171
    最近清理一批垃圾账号,如有误删请联系QQ
  • 即日起发表主题、回帖、发布&更新资源、创建&回复私信、发布&回复个人动态均需要验证手机号码,其它不受影响。如不便可进群提问。点击链接加入群聊【XenForo讨论社区】:群号1:143277648
[XTR] Style Switcher

插件 [XTR] Style Switcher 1.0.0

没有下载权限
兼容版本
  1. 2.2
安装要求
XenForo2.1+
原贴地址
https://xenforo.com/community/resources/xtr-style-switcher.7123/
语言
英文 (English)
风格switcher.png


注意:在演示站点上,样式切换器插件仅设置为默认样式。

此附加组件是一个基于jQuery的主题/皮肤修改器,允许访问者从滑动面板更改网页的外观(例如,文本颜色,背景颜色,背景图像)。

安装:
  1. XENTR-StyleSwitcher-1.0.0.zip并解压缩。
  2. 将upload/src/addons/XENTR/StyleSwitcher目录复制到您的服务器。
  3. Javascript文件所在的目录: upload/js/xtr/style_switcher
  4. 图案和背景图片目录: upload/styles/xtr/style-customizer
  5. 从管理控制面板安装附加组件。
  6. 您可以从中检查选项/admin.php?options/groups/xtr_styleSwitcher/ 并进行设置。
  7. 从样式属性页面进行设置。特征: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') }};
}
正如您在上面的示例中所看到的,Staff Bar区域中有三种不同的颜色。背景, - 颜色和边框底部。通过此示例,您可以对要更改的字段进行颜色更改。

注意: 如果您共享在此源主题下开发的颜色代码,我可以将您提供的代码添加到插件的未来更新中。

请指定您对加载项的评估。
作者
小关
下载
7
查看
1,190
首次发布
最后更新
评分
0.00 星 0 星

来自小关的更多资源

分享资源

后退
顶部 底部