忘记密码?

一键登录

草根吧源码论坛

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

查看: 98|回复: 0

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

[复制链接]

1711

主题

2187

热度

608

贡献

民审

Rank: 8Rank: 8

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


可设置区域有:【主导航】【板块】【主题分类】
草根吧 Discuz X3.2字体图标设置教程【导航,板块,主题分类】 字体图标,分类图标,识别,符号,美化 精品教程 214736enzzq2uaupnm6h84

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

草根吧 Discuz X3.2字体图标设置教程【导航,板块,主题分类】 字体图标,分类图标,识别,符号,美化 精品教程 215126k5jxna7xexwnwxan

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

左侧导航图标设置------------------------
添加位置:进入后台 》界面 》导航设置 》主导航 》导航说明
草根吧 Discuz X3.2字体图标设置教程【导航,板块,主题分类】 字体图标,分类图标,识别,符号,美化 精品教程 220531hdidenlpddodmlml

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

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

草根吧 Discuz X3.2字体图标设置教程【导航,板块,主题分类】 字体图标,分类图标,识别,符号,美化 精品教程 225344svfcuv5o5uczopnv

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

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

添加位置:后台 》论坛 》板块管理 》目标板块编辑 》板块名称颜色
草根吧 Discuz X3.2字体图标设置教程【导航,板块,主题分类】 字体图标,分类图标,识别,符号,美化 精品教程 233859j2etujuuy3nujreu

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

主题分类图标设置--------
添加位置:后台 》论坛 》板块管理 》目标板块编辑 》其它》主题分类
草根吧 Discuz X3.2字体图标设置教程【导航,板块,主题分类】 字体图标,分类图标,识别,符号,美化 精品教程 235220nz30s6zh6ee6cr77

直接填写图标名称即可

帖子地址: 

本文来源于草根吧源码论坛 www.caogen8.co,欢迎大家下载。
如果您没有贡献需要充值,可以直接在线充值,点击充值
如果你需要加入本站赞助VIP会员,可以直接在线开通,点击开通
如果找不到您要的资源,请搜索一下,点击搜索
回复

举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆 用百度帐号登录 一键登录:

本版积分规则

收藏帖子 返回列表 搜索
快速回复 返回顶部 返回列表