返回列表 发新帖
查看: 1156|回复: 0

Discuz X3.3 X3.2字体图标设置教程【导航,板块,主题分类】

[复制链接]

1万

热度

1万

元宝

1万

贡献

金牌草根

发表于 2016-9-27 02:00:02 | 显示全部楼层 |阅读模式
字体图标是一种方便快捷且应用较为普遍的识别符号,是页面美化必不可少的元素。
因此【草根吧】引入了一套免费开源的字体图标库【Font-Awesome】 我们仅需简单设置即可更换图标;


可设置区域有:【主导航】【板块】【主题分类】


打开【字体图标官网】,找到所需图标名称;



注意:仅仅需要复制红色部分的名称 如: fa fa-[comments
又如:fa fa-[dot-circle-o

左侧导航图标设置------------------------
添加位置:进入后台 》界面 》导航设置 》主导航 》导航说明


完整格式示例 : ls官方网站|comments
如果不需要说明文字,只需:|comments ,前面竖杠一定要加!

板块图标设置------------------------
一级导航-------
添加位置:后台 》论坛 》板块管理 》目标板块编辑 》分区名称颜色



完整格式示例 : #A70BB1|coffee|#3399FF
我们也可以灵活设置:
.仅设置文字色:#A70BB1
.文字色+图标:#A70BB1|coffee
.仅图标:|coffee
.图标+背景色:|coffee|#3399FF
.仅背景色:||#3399FF  (两个竖线)
.文字色+背景色:#A70BB1||#3399FF (两个竖线,图标名称为空)
实在无法理解可以咨询客服!

二级导航--------

添加位置:后台 》论坛 》板块管理 》目标板块编辑 》板块名称颜色


完整格式示例:同一级分类

主题分类图标设置--------
添加位置:后台 》论坛 》板块管理 》目标板块编辑 》其它》主题分类


直接填写图标名称即可

本文来源于网友学习研究交流 www.caogen8.co,请以学习研究交流为主。
如果您没有贡献积分,可以直接免费领取,免费领取
如果你需要加入本学习研究交流,请以学习研究交流为目的,免责声明
如果找不到您要的资源,请搜索一下,点击搜索
返回列表 发新帖
 懒得打字嘛,点击右侧快捷回复【最新发布】   【赞助草根吧享更多权益】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

收藏帖子 返回列表 搜索

Powered by Discuz! X5.0

© 2001-2026 Discuz! Team.

小黑屋|手机版|草根吧