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

 2016-05-03 20:59

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

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

导航栏模板

为了便于大家编辑使用,我还是采用的新模版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>

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

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

作者头像

作者:紫铜炉

自由博主,网页设计师。我关注科技产品和个人博客发展,注重用户体验和界面优化。

 发表评论:

 评论列表

红鹦5 2016-07-25  16:00

已购买,联系 604666590 ,主页显示不一样...

紫铜炉 2016-07-26  13:34

已处理,后来配置下即可!

访客 2016-05-05  11:20

你好,我购买安装了这款模板,为什么主页出来和这个演示站不一样呢?请加一下QQ719649935,麻烦了。谢谢!

蟹胖 2016-05-05  11:31

已联系