DZ2.5清爽带图片二级导航，绝对精品！带演示

33117800 · 发表于 2012-8-8 02:12:01

本帖最后由 33117800 于 2012-8-8 02:24 编辑

DZ2.5清爽带图片二级导航，绝对精品！

要下载往下拉

<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.haha1 {color: #0099FF}
.haha2 {color: #CC3333}
.haha3 {font-size: 12px}
.haha5 {font-size: 14px; color: #FF0000;}
-->
</style>
<table width="960" border="0" cellpadding="0" cellspacing="0">
<tr align="center" valign="middle">
<td colspan="2"><div align="center" class="haha3">
<div align="left"><img src="../daohang/dianhua.gif" width="17" height="17"><span class="haha1">电话：</span>13325344477</div>
</div></td>
<td><div align="center" class="haha3">
<div align="left"><img src="../daohang/qq.gif" width="17" height="16"><span class="haha1">QQ:</span><span class="haha1"><a target="_blank" class="haha1">2320433</a></div>
</div></td>
<td><div align="center" class="haha3">
<div align="left"><img src="../daohang/qq.gif" width="17" height="16"><span class="haha1">QQ:</span><span class="haha2"><a target="_blank" class="haha1">3326497</a></span></div>
</div></td>
<td colspan="2"><div align="center" class="haha3">
<div align="left"><img src="../daohang/email.gif" width="17" height="15"><span class="haha1">邮箱：</span>2320433@qq.com</div>
</div> <div align="center" class="haha3"></div></td>
<td><div align="center" class="haha3">
<div align="left"><img src="../daohang/shijian.gif" width="17" height="16"><span class="haha1">欢迎联系我</span></div>
</div></td>
<td><div align="center" class="haha5"><a >西安车友论坛</a></div></td>
</tr>
</table>
<STYLE type="text/css">
.wapNote,.colNav4t dl,.colNav4t dt,.colNav4t dd a:hover,.colNav4t dd a:hover span,#miniSearch .btn-search,.navAd,.colNav4t dl div em{ background:url(../daohang/index_bg.png) no-repeat;}
.wapNote {position:absolute;left:205px;top:36px;padding-left:15px;line-height:16px;_width:180px;color:#00AAD1;background-position:-988px -260px;}
.wapNote a {color:#ff6600;}
.wapNote a:hover {text-decoration:underline;}
#colNav4t { height:58px; padding:1px; _margin-top:5px;
margin-bottom:5px; color:#325E7F;
font:14px/1.5 Tahoma,Helvetica,Arial,"5b8b4f53";}
.colNav4t { background:#F6F6F6;}
.colNav4t a { color:#325E7F;}
.colNav4t dl { float:left; position:relative; z-index:1; padding:8px 8px 3px 14px; height:48px; background-position:-315px -120px;}
.colNav4t dl.navShopping { width:260px; padding-left:10px; background:none;clear:left}
.colNav4t dl.navLife { width:260px;}
.colNav4t dl.navTalk { width:180px;}
.colNav4t dl.navService { width:160px;}
.colNav4t dt { float:left; width:28px; margin-top:1px; text-align:center; font-size:12px; color:#4062B9; padding-top:25px;
background-position:-589px -55px;}
.colNav4t dl.navLife dt { background-position:-620px -55px;}
.colNav4t dl.navTalk dt { background-position:-651px -55px;}
.colNav4t dl.navService dt { background-position:-681px -55px;}
.colNav4t dd { margin-left:30px;}
.colNav4t dd a,.colNav4t dd a span { display:inline-block;zoom:1;*display:inline;}
.colNav4t dd a {margin-bottom:2px;margin-right:2px;font-size:14px;}
.colNav4t dd a span { position:relative; z-index:0; right:-2px; padding:0 7px 0 5px;padding-top:1px9;height:22px;line-height:22px;*cursor:pointer;}
.colNav4t dd a:hover { text-decoration:none; color:#FF6C00;}
.colNav4t dd a:hover,.colNav4t dd a:hover span {background-position:-882px -153px;}
.colNav4t dd a:hover span { background-position:100% -153px;}
.colNav4t dl div { position:absolute; right:-2px; top:55px;width:103px}
.colNav4t dl div em { position:absolute; top:-6px; _top:-4px; right:4px; width:8px; height:8px; overflow:hidden; background-position:100% -19px;}
.colNav4t dl p { display:none; margin-top:5px; _margin-top:7px; padding:0 7px 5px 4px; border:1px solid #DDD; border-top:none; background:#FFF;}
.colNav4t dl.moreOn { background-color:#FFF;}
.colNav4t dl.moreOn em { display:none;}
</style>
<div id="colNav4t"><div class="colNav4t cf"><dl class="navShopping"><dt>西</dt><dd>
<a target="_blank" href="../forum-44-1.html"><span>自驾自游</span></a>
<a target="_blank" href="../forum-44-1.html"><span>西安杂谈</span></a>
<a target="_blank" href="../forum-46-1.html"><span>提车作业</span></a>
<a target="_blank" href="../forum-82-1.html"><span>车迷问答</span></a>
<a target="_blank" href="../forum-55-1.html"><span>美女车模</span></a>
<a target="_blank" href="../forum-49-1.html"><span>二手市场</span></a>
</dd>
</dl>
<dl class="navLife"><dt>安</dt><dd>
<a target="_blank" href="../forum-57-1.html"><span>改装天地</span></a>
<a target="_blank" href="../forum-60-1.html"><span>汽车学堂</span></a>
<a target="_blank" href="../forum-58-1.html"><span>保养维护</span></a>
<a target="_blank" href="../forum-63-1.html"><span>买车交流</span></a>
<a target="_blank" href="../forum-62-1.html"><span>活动专区</span></a>
<a target="_blank" href="../forum-64-1.html"><span>数码导航</span></a>
</dd>
</dl>
<dl class="navTalk">
<dt>车</dt><dd>
<a target="_blank" href="../forum-73-1.html"><span>摩托车迷</span></a>
<a target="_blank" href="../forum-75-1.html"><span>单车一族</span></a>
<a target="_blank" href="../forum-67-1.html"><span>驴友户外</span></a>
<a target="_blank" href="../forum-78-1.html"><span>警钟长鸣</span></a>
</dd>
</dl>
<dl class="navService">
<dt>迷</dt><dd>
<a target="_blank" href="../forum.php?mod=forumdisplay&fid=77"><span>公告</span></a><a target="_blank" href="../home.php?mod=space"><span>主页</span></a><a target="_blank" href="../forum.php?mod=forumdisplay&fid=78&filter=typeid&typeid=43"><span>广告</span></a><a target="_blank" ><span>微博</span></a><a target="_blank" ><span>商家</span></a><a target="_blank" ><span>帮助</span></a>
</dd>
</dl></div>
</div>

复制代码

演示下载地址：http://web726200.hz1.badudns.cc/forum.php?mod=viewthread&tid=50 免费下载请进论坛下载权当送个IP

西安车迷网

33117800 · 发表于 2012-8-8 02:59:10

么人顶自己顶起

www33zxcom · 发表于 2012-8-8 05:01:20

www.23zipai.com 还可以确实不错

skyole · 发表于 2012-8-8 09:14:45

极品！！

4535 · 发表于 2012-8-8 10:48:29

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

ilei365 · 发表于 2012-8-8 10:57:05

是不错。。。。

duduopen · 发表于 2012-8-8 12:43:09

这导航很不错哈！
博彩 http://www.yywin.net

yoxi011 · 发表于 2012-8-8 15:51:55

是不错的，支持

33117800 · 发表于 2012-8-8 17:07:17

先来么事顶顶跟健康

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

[发布] DZ2.5清爽带图片二级导航，绝对精品！带演示

本帖子中包含更多资源