模板修改 线程前缀图标

  • 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件、模板主题售前、售后问题请联系QQ:5916171

小关_

打酱油的路过~~
管理成员
UID
255
注册
2019/01/25
消息
453
解决方案
6
反馈评分
1,398
黄金
6,055.3G
    Windows 10 Chrome 76.0.3809.100
  • #1
您想自定义前缀吗?

这是一个简单的DIY教程作为例子。当然,您可以根据自己的需要扩展它。

因此,阅读本教程以实现以下目标:

2019-02-04_10-24-15-gif.4268



1.创建自定义前缀

在管理员CP中,转到论坛>线程前缀,然后单击右上方的添加前缀按钮。

填写表格如下:


2019-02-04_10-29-31-png.4269



您可以选择所需的任何前缀名称,只需使用所需名称更改pack-a即可。

*不要忘记在底部选择适用的论坛

2.将代码添加到extra.less模板

打开extra.less模板并添加代码:
Less:
/*** Prefix Pack A ***/
.label.label--pack-a {
    background: #CD7F32;
    color: #fafafa;
}
.label.label--pack-a:hover {
    background: #4A4E51;
    color: #fafafa;
}
.label--pack-a:before {
    .m-faBase();
    .m-faContent(@fa-var-cogs);
    padding-right: 5px;
}
/**********/
编辑前缀检查类.label.label--pack-a。

在悬停检查类时编辑前缀.label.label--pack-a:hover。

编辑前缀图标检查类.label--pack-a:before。要更改Font Awesome图标,请使用任何其他图标名称更改单词cogs(在上例中)。

基本上就是这样。要添加更多自定义前缀,请对每个前缀执行上述过程。
 

Dioxide

大垃圾
UID
704
注册
2020/03/27
消息
25
反馈评分
16
黄金
1,014.4G
    Windows 10 Chrome 86.0.4240.111
  • #2
太强了我可以转载吗