最新消息
  • 您好下载中心的主题现已开启全免费下载!
  • 通过购买升级账户到相应的用户组 36元/6个月、24元/季度、7元/月、4元/周。 免费用户组升级
  • 欢迎 游客 您的光临,下载之前请先阅读 下载资源说明 少走弯路。任何技术问题请在论坛提问,本站定制插件售前、售后问题请联系QQ:5916171

技巧教程 更改默认的节点图标

打酱油的路过~~
管理成员
UID
255
注册
2019/01/25
消息
440
黄金
3,099.67G
    Windows 10 Chrome 79.0.3945.79
  • #1
让已读节点与未读节点显示不同图标
在模板列表中搜索extra.less模板
在此模板中添加下列代码:
丰富的(BB 代码):
/*** 更改默认的节点图标 **/
.node.node--idX {
    &.node--forum {

        .node-icon i:before {
            .m-faBase();
            .m-faContent(@fa-var-dot-circle);
        }
        &.node--read .node-icon i:before {
            opacity: 0.4;
        }
    }
}
/*****/
注:此代码中的X指的是您需要修改的节点的id
如果您的节点是分区,页面或链接,请更改.node--forum到.node--category,或者.node--page到.node--link。
要更改Font Awesome图标,请使用任何其他图标名称编辑(在上面的示例中)。

要为未读节点添加不同的Font Awesome图标,请.m-faContent(@fa-var-exclamation-circle);在此代码下方添加示例.node-icon i:before {

如何更改与节点的图标相同的图标所有节点和类别
将此代码添加到您的extra.less模板:
丰富的(BB 代码):
/*** 更改默认的节点图标 **/
.node {
    &.node--forum, &.node--category {

        .node-icon i:before {
            .m-faBase();
            .m-faContent(@fa-var-dot-circle);
        }
        &.node--read .node-icon i:before {
            opacity: 0.4;
        }
    }
}
/*****/
要更改Font Awesome图标dot-circle,请使用其他任何图标名称进行编辑(在上面的示例中)。
要为未读节点添加不同的Font Awesome图标,请.m-faContent(@fa-var-exclamation-circle);在此代码下方添加示例.node-icon i:before {。

想要具有特定风格的Pro图标?
编辑.m-faBase();并将其更改为.m-faBase('Pro', @faWeight-solid);,.m-faBase('Pro', @faWeight-regular);或.m-faBase('Pro', @faWeight-light);。

想要品牌图标吗?
编辑.m-faBase();并将其更改为.m-faBase('Brands');。
 
顶部