源码库

Btime主题设置导航菜单教程

24小时自助开通VIP,马上拥有站内全部资源

很多人购买了Btime主题后,不知道如何设置左侧导航菜单的图标。

设置导航菜单这里就不介绍了,有不知道的童鞋请问度娘。

下面开始教程:

本主题所使用的图标库为glyphicon图标字体,图标库地址 http://glyphicons.com

打开 - 外观 - 菜单,点开你的菜单右侧向下小箭头,例如首页,将标签改为


<span class="glyphicon glyphicon-home" style="color:#fe3d16"></span>首页

home为图标代码 color值为图标颜色

主题新闻分类图标示例:


<span class="glyphicon glyphicon-home" style="color:#fe3d16"></span>首页<span class="glyphicon glyphicon-list-alt" style="color:#cc3300"></span>国内<span class="glyphicon glyphicon-globe" style="color:#3399ff"></span>国际<span class="glyphicon glyphicon-stats" style="color:#C66"></span>经济<span class="glyphicon glyphicon-tower" style="color:#95a7ae"></span>历史<span class="glyphicon glyphicon-record" style="color:#ef2a00"></span>日本<span class="glyphicon glyphicon-send" style="color:#f04a00"></span>科技<span class="glyphicon glyphicon-user" style="color:#fe4e63"></span>人物<span class="glyphicon glyphicon-book" style="color:#fead3b"></span>文化<span class="glyphicon glyphicon-eye-open" style="color:#6666ff"></span>观点<span class="glyphicon glyphicon-bell" style="color:#37be88"></span>警钟<span class="glyphicon glyphicon-tag" style="color:#e6c649"></span>美文<span class="glyphicon glyphicon-time" style="color:#fe5c38"></span>记录<span class="glyphicon glyphicon-link" style="color:#bc2328"></span>速览<span class="glyphicon glyphicon-picture" style="color:#FF6600"></span>图说

效果如图:

Btime主题设置导航菜单教程 Btime主题 导航菜单 第1张

发表评论 取消回复

还没有评论,快来说点什么吧~

联系客服
公众号
公众号
公众号
返回顶部
×
选择打赏方式:

打赏

打赏

打赏

多少都是心意,感谢支持!

×
选择分享方式: