如何给导航的栏目名前加小图标

日期:2018-04-23 16:35:41 作者: adm1n 浏览: 查看评论 加入收藏
天网恢恢,疏而不漏。做网站请守法,守纪,守规!
请大家自觉遵守法律规定,共同营造绿色的网络环境!请不要把程序模板用到有违法违规的内容上面!
购买时请一定要反复核实网址,小心买错店铺了!请用正版建站,别把时间浪费在折腾盗版程序模板上了!

全部模板 电影站 下载站 企业站 博客站 淘客站 自媒体站 视频站 新闻站 图片站

如何给导航的栏目名前加小图标:

看到这样子的效果是不是觉得与众不同,有几个办法可以加入,一种是在栏目里新加栏目自定义字段,以后在栏目那里设定,比较复杂;
另一种简单的办法,就是将想显示的栏目放到( 扩展变量 )里面的( 导航 )那里去。用下面的格式来放。先放进去,生成首页看看效果吧。


<li class="">

<a href="一级栏目网址"><i class="fa fa-home"></i>一级栏目名</a>

<ul class="sub-menu">

<li><a href="二级栏目网址-01"><i class=" fa-heart fa"></i>  二级栏目名-01</a></li>

<li><a href="二级栏目网址-02"><i class="fa-heart-o fa"></i>  二级栏目名-02</a></li>

<li><a href="二级栏目网址-03"><i class="fa-music fa"></i>  二级栏目名-03</a></li>

<li><a href="二级栏目网址-04"><i class="fa-apple fa"></i>  二级栏目名-04</a></li>

</ul>

</li>


其中的<i class=" fa-heart fa"></i> 中的( fa-heart  )就是一个图标,查询图标的地址 http://www.thinkcmf.com/font/icons 


如果有多个一级栏目都带2级栏目就将这段代码重复放一次,将相应的换成第二个的.

放置完成后,到栏目设定那里,将放到这个扩展变量里面的栏目,设定为不显示到导航就不会重复了。