本帖最后由 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>
西安车迷网
|
置顶卡
喧嚣卡
变色卡
千斤顶
显身卡
楼主