怀远热线(ahhy.org)精致二级导航分享给大家-好东西就是给大家分享的！

怀远热线http://www.ahhy.org  怀远论坛http://bbs.ahhy.org

欢迎大家前去多多提及建议，谢谢您的支持！


预览图：

<!--{if !empty($_G['setting']['plugins']['jsmenu'])}-->
<ul class="p_pop h_pop" id="plugin_menu" style="display: none">
<!--{loop $_G['setting']['plugins']['jsmenu'] $module}-->
<!--{if !$module['adminid'] || ($module['adminid'] && $_G['adminid'] > 0 && $module['adminid'] >= $_G['adminid'])}-->
<li>$module[url]</li>
<!--{/if}-->

二级导航代码放在 你的模版/common/header.htm里以上代码的上面

<div id="colNav">
<div class="colNav cf">
<dl class="navTalk">
<dt>杂谈</dt>
<dd><a href="http://bbs.ahhy.org/forum-41-1.html" target="_blank"><span>怀远新闻</span>
</a><a href="http://bbs.ahhy.org/forum-2-1.html" target="_blank"><span>拉呱区</span>
</a><a href="http://bbs.ahhy.org/forum-45-1.html" target="_blank"><span>时评</span>
</a><a href="http://bbs.ahhy.org/forum-43-1.html" target="_blank"><span>石榴</span>
</a><a href="http://bbs.ahhy.org/forum-47-1.html" target="_blank"><span>怀远教育</span>
</a><a href="http://bbs.ahhy.org/forum-42-1.html" target="_blank"><span>论天地</span>
</a><a href="http://bbs.ahhy.org/forum-44-1.html" target="_blank"><span>互助</span>
</a><a href="http://bbs.ahhy.org/forum-48-1.html" target="_blank"><span>美食</span></a>
</dd>
</dl>
<dl class="navShopping">
<dt>生活</dt>
<dd><a href="http://bbs.ahhy.org/forum-55-1.html" target="_blank"><span>家装修</span>
</a><a href="http://bbs.ahhy.org/forum-50-1.html" target="_blank"><span>驴友之家</span>
</a><a href="http://bbs.ahhy.org/forum-51-1.html" target="_blank"><span>榴城摄影</span>
</a><a href="http://bbs.ahhy.org/forum-54-1.html" target="_blank"><span>车世界</span>
</a><a href="http://bbs.ahhy.org/forum-52-1.html" target="_blank"><span>妈咪宝贝</span>
</a><a href="http://bbs.ahhy.org/forum-53-1.html" target="_blank"><span>情感话题</span>
</a>
</dd>
</dl>
<dl class="navLife">
<dt>爱好</dt>
<dd><a href="http://bbs.ahhy.org/forum-56-1.html" target="_blank"><span>智利风暴</span>
</a><a href="http://bbs.ahhy.org/forum-57-1.html" target="_blank"><span>学健康</span>
</a><a href="http://bbs.ahhy.org/forum-59-1.html" target="_blank"><span>看娱乐</span>
</a><a href="http://bbs.ahhy.org/forum-58-1.html" target="_blank"><span>宠物花卉</span>
</a><a href="http://bbs.ahhy.org/forum-60-1.html" target="_blank"><span>数码通讯</span>
</a><a href="http://bbs.ahhy.org/forum-61-1.html" target="_blank"><span>爱体育</span>
</a><a href="http://bbs.ahhy.org/forum-46-1.html" target="_blank"><span>献文学</span>
</a><a href="http://bbs.ahhy.org/forum-49-1.html" target="_blank"><span>人在他乡</span>
</a>
</dd>
</dl>
<dl class="navService">
<dt>服务</dt>
<dd><a href="http://bbs.ahhy.org/forum-65-1.html" target="_blank"><span>租房</span>
</a><a href="http://bbs.ahhy.org/forum-64-1.html" target="_blank"><span>求职</span>
</a><a href="http://bbs.ahhy.org/forum-63-1.html" target="_blank"><span>二手</span>
</a><a href="http://bbs.ahhy.org/forum-67-1.html" target="_blank"><span>交友</span>
</a>
<div>
<p><a href="http://bbs.ahhy.org/forum-62-1.html" target="_blank"><span>商业广告</span>
</a><a href="http://bbs.ahhy.org/forum-66-1.html" target="_blank"><span>商家交流</span>
</a><a href="http://bbs.ahhy.org/forum-69-1.html" target="_blank"><span>站务管理</span>
</a><a href="http://bbs.ahhy.org/forum-68-1.html" target="_blank"><span>社区公告</span>
</a><a href="http://bbs.ahhy.org/plugin.php?id=auction" target="_blank"><span>积分兑换</span>
</a></p><em></em></div>
</dd>
</dl>
</div>
</div>

css代码添加在默认模版里的default/common/common.css里的最下面

/*通用新二级导航*/
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.cf{*height:1%;}
.colNav dl,.colNav dt,.colNav dd a:hover,.colNav dd a:hover span,.colNav dl div em{background:url(static/image/ahhy/ahhytopico.png) no-repeat;}
#colNav{border:1px solid #E2E2E2;padding:1px;border-top-color:#9F9F9F;color:#325E7F;font:14px/1.5 Tahoma,Helvetica,Arial,"\5b8b\4f53";border-top:0;}
.colNav{background:#F6F6F6;}
.colNav a{color:#325E7F;}
.colNav dl{float:left;position:relative;z-index:1;padding:8px 8px 3px 14px;height:48px;background-position:-223px -38px;}
.colNav dl.navShopping{width:230px;}
.colNav dl.navLife{width:285px;}.colNav dl.navTalk{width:243px;padding-left:6px;background:none;}
.colNav dl.navService{width:118px;}
.colNav dt{float:left;width:28px;margin-top:1px;text-align:center;font-size:12px;color:#3D7FB1;padding-top:25px;background-position:-31px 0;}
.colNav dl.navLife dt{background-position:0 0;}
.colNav dl.navTalk dt{background-position:-60px 0;}
.colNav dl.navService dt{background-position:-91px 0;}
.colNav dd{margin-left:30px;}
.colNav dd a,.colNav dd a span{display:inline-block;zoom:1;*display:inline;}
.colNav dd a{margin-bottom:2px;margin-right:2px;font-size:14px;}
.colNav dd a span{position:relative;z-index:0;right:-2px;padding:0 7px 0 5px;padding-top:1px\9;height:22px;line-height:22px;*cursor:pointer;}
.colNav dd a:hover{text-decoration:none;color:#FF6C00;}
.colNav dd a:hover,.colNav dd a:hover span{background-position:-382px 0;}
.colNav dd a:hover span{background-position:100% 0;}
.colNav dl div{position:absolute;right:-12px;top:55px;width:113px;}
.colNav dl div em{position:absolute;top:-8px;_top:-4px;right:14px;width:8px;height:8px;overflow:hidden;background-position:-232px -19px;}
.colNav dl p{display:none;margin-top:5px;_margin-top:7px;padding:0 7px 5px 4px;border:1px solid #DDD;border-top:none;background:#FFF;}
.colNav dl.moreOn{background-color:#FFF;}
.colNav dl.moreOn em{display:none;}

收藏了，欢迎大家来看看- www.ggbm.cn 贵港便民网 http://bbs.ggbm.cn 贵港论坛 -www.34180.com 三时站长网

楼主忘记上传了背景图片 我补充一下
目录/static/image/ahhy/ahhytopico.png

/static/image/新建一个文件夹 ahhy   然后把ahhytopico.png 背景图片上传上去后台更新缓存一下 搞定

fjxww 发表于 2012-9-26 20:10
楼主忘记上传了背景图片 我补充一下
目录/static/image/ahhy/ahhytopico.png

谢谢，你的支持！

我一直想弄一个  以前做站的时候是做加法 越大越好 整体研究技术了  现在做站是做减法 一直钻心做内容 不过还是支持你一下 我看了好多个 都是在广告代码里加的 就你这个不是
广告一下 完美视力网 http://www.100shili.com 欢迎大家来看看 做站不容易啊大家支持美女哦

楼主是 怀远哪里人

疾风少年 发表于 2012-11-8 09:06
楼主是 怀远哪里人

你也是怀远的？