2.5正式版漂亮好用的二级导航代码，带演示图！

梦了无痕 · 发表于 2012-4-17 21:01:58

本帖最后由梦了无痕于 2013-5-29 15:06 编辑

2.5正式的首页二级导航，漂亮，大方！

看演示！

已经失效
我的网站：华夏帝国 http://www.epzww.com

去看看就知道了！我自己用的，发现很好用！
经反应，2.0会出错，现在放出原代码，TXT格式，请自己修改！

下载解压即可！
代码：

<style>
.nav_bd {width:960px; height:63px; margin:0 auto; background:url(<A >http://www.huaxiadiguo.com/images/nav_bg3.jpg</A>) no-repeat;overflow:hidden;}
.nav_bd_ul{margin:7px 0px 0 7px;float:left;width:960px;}
.nav_bd_ul li{height:25px;width:94px;line-height:25px;border-left:1px dashed #ccc;float:left;}
.nav_bd_ul li a{font-size:14px;color:#0099CC;display:block;width:60px;height:25px;background:url(<A >http://www.huaxiadiguo.com/images/comiis_ico.png</A>) no-repeat 10px 9px;padding:0 13px 0 19px;text-decoration:none;}
.nav_bd_ul li a:hover{background:url(<A >http://www.huaxiadiguo.com/images/comiis_navbg.gif</A>) no-repeat 5px center;color:#FF0066;text-decoration:none;}
</style>
<div class="nav_bd">
<ul class="nav_bd_ul">
<li><A title=在线电台 href="<A >http://www.huaxiadiguo.com/plugin.php?id=tudou:tudou</A>" >在线电台</A></li>
<li><A title=视频电影 href="<A >http://www.huaxiadiguo.com/plugin.php?id=youku:youku</A>" >视频电影</A></li>
<li><A title=每日签到 href="<A >http://www.huaxiadiguo.com/plugin.php?id=dsu_paulsign:sign</A>" >每日签到</A></li>
<li><A title=网站地图 href="<A >http://www.huaxiadiguo.com/sitemap.php</A>" >网站地图</A></li>
<li><A title=五味书斋 href="<A >http://www.huaxiadiguo.com/forum.php?gid=54</A>" >五味书斋</A></li>
<li><A title=华夏知道 href="<A >http://www.huaxiadiguo.com/forum.php?mod=forumdisplay&fid=2</A>" >华夏知道</A></li>
<li><A title=国民报道 href="<A >http://www.huaxiadiguo.com/forum.php?mod=forumdisplay&fid=2</A>" >国民报道</A></li>
<li><A title=娱乐八卦 href="<A >http://www.huaxiadiguo.com/forum.php?mod=forumdisplay&fid=38</A>" >娱乐八卦</A></li>
<li><A title=内外要闻 href="<A >http://www.huaxiadiguo.com/forum.php?mod=forumdisplay&fid=53</A>" >内外要闻</A></li>
<li><A title=生活杂谈 href="<A >http://www.huaxiadiguo.com/forum.php?mod=forumdisplay&fid=39</A>" >生活杂谈</A></li>
<li><A title=街拍皆拍 href="<A >http://www.huaxiadiguo.com/forum.php?mod=forumdisplay&fid=40</A>" >街拍皆拍</A></li>
<li><A title=五味书斋 href="<A >http://www.huaxiadiguo.com/forum.php?gid=54</A>" >五味书斋</A></li>
<li><A title=情感人生 href="<A >http://www.huaxiadiguo.com/forum.php?mod=forumdisplay&fid=55</A>" >情感人生</A></li>
<li><A title=原创诗词 href="<A >http://www.huaxiadiguo.com/forum.php?mod=forumdisplay&fid=56</A>" >原创诗词</A></li>
<li><A title=流行小说 href="<A >http://www.huaxiadiguo.com/forum.php?mod=forumdisplay&fid=57</A>" >流行小说</A></li>
<li><A title=体育直播 href="<A >http://www.huaxiadiguo.com/forum.php?mod=forumdisplay&fid=62</A>" >体育直播</A></li>
<li><A title=资源交流 href="<A >http://www.huaxiadiguo.com/forum.php?gid=42</A>" >资源交流</A></li>
<li><A title=等待添加 href="<A >http://www.huaxiadiguo.com/forum-1-1.html</A>" >等待添加</A></li>
<li><A title=等待添加 href="<A >http://www.huaxiadiguo.com/forum-1-1.html</A>" >等待添加</A></li>
<li><A title=等待添加 href="<A >http://www.huaxiadiguo.com/plugin.php?id=py_yq:index</A>" >自助友链</A></li>
</ul>
</div>

复制代码

朴素 · 发表于 2012-4-17 21:03:58

好是好，不过自己修改代码太麻烦了。。。

梦了无痕 · 发表于 2012-4-17 21:04:56

没办法，二级导航不修改，不好弄啊！

我高级的不会，简单的会！这个看起来不错，配合2.5的好用！

路过幸福 · 发表于 2012-4-17 21:32:16

谢谢分享！
烘焙加盟 http://www.qimike.com/

雪斯网络 · 发表于 2012-4-17 22:59:17

试试吧

ihicool · 发表于 2012-4-17 23:25:48

这个二级导航不错不过不知道兼容其他模版不~

qq308 · 发表于 2012-4-18 07:17:57

提示: 作者被禁止或删除内容自动屏蔽

xiaomu · 发表于 2012-4-18 07:52:27

提示: 作者被禁止或删除内容自动屏蔽

xiaomu · 发表于 2012-4-18 07:52:53

提示: 作者被禁止或删除内容自动屏蔽

xiaomu · 发表于 2012-4-18 07:53:22

提示: 作者被禁止或删除内容自动屏蔽

		自动登录	找回密码
密码			立即注册

[修改] 2.5正式版漂亮好用的二级导航代码，带演示图！

本帖子中包含更多资源