勤美堂源码网

Btime主题设置导航菜单教程

24小时自助开通VIP,马上拥有站内全部资源 西部数码钻石代理商特价冲量 乐道主机 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张

本站提供的模板源码,仅供源码爱好者本地电脑环境下学习研究或2次开发使用,部分演示数据仅为网站模板整体美观或属性设置需要,不合适上线运营,下载后请自行24小时内删除数据。我们倡议:站长应该严格遵守互联网法律法规建站,净化网络,站长更有责!!!

发表评论

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

联系客服
网站客服 业务合作 Q交流群
51843834
返回顶部
 
QQ在线咨询
客服热线
139-3511-2134