zblogPHP“度娘”模板主题新增了导航栏模板

zblogPHP“度娘”模板主题新增了导航栏模板

 2016-05-03 20:59    网页设计   标签：Z-BlogPHP 主题 模板   1578    2

最近一直想做自己的导航条页面，为的是方面自己整理一些重要的信息网站。便于以后在前端设计时更加方便。

为了能更好的体现出导航的效果，我还是参考了“大前端”导航条的效果，做出如下式样：

为了便于大家编辑使用，我还是采用的新模版single-nav.php。建议大家使用“页面管理”里面的单独页面来配合使用，方便以后的修改：

排版的格式也很简单，就当自己的发文一样，按正常的思路来写，一行就是一个导航链接，标题用a做标签。我整理下，一个小模版的标准代码应该如下：

<p><a href="#">导航标题</a>导航描述</p>

如果你觉得有必要换行，那么不是使用简单的<br>来实现的，而是通过.clearfix来实现：

<div class="clearfix"></div>

另外，如果你想引用插入一些比较特殊的Glyphicons字体图标，那么也很简单，直接加一个span就可以轻松搞定：

<p><span class="glyphicon glyphicon-tag"></span><a href="...">导航标题</a>导航描述</p>

模版使用大体就是这样，如果有不明白的地方，可以在此留言。

另外，请继续关注“度娘”主题的开发哦！