模板修改 线程前缀图标

[小关]

您想自定义前缀吗？

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

因此，阅读本教程以实现以下目标：

1.创建自定义前缀

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

填写表格如下：

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

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

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

打开extra.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（在上例中）。

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