如何给导航的栏目名前加小图标:
看到这样子的效果是不是觉得与众不同,有几个办法可以加入,一种是在栏目里新加栏目自定义字段,以后在栏目那里设定,比较复杂;
另一种简单的办法,就是将想显示的栏目放到( 扩展变量 )里面的( 导航 )那里去。用下面的格式来放。先放进去,生成首页看看效果吧。
<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级栏目就将这段代码重复放一次,将相应的换成第二个的. 放置完成后,到栏目设定那里,将放到这个扩展变量里面的栏目,设定为不显示到导航就不会重复了。
|