经典首页二级导航，引导用户发布分类信息，简洁明快，超给力，濮阳论坛提供

batie · 发表于 2012-2-18 09:10:24

先上图
演示地址：濮阳论坛 http://www.pylt.cc
将以下代码插入后台--运营--站点广告--二级导航全局页头二级导航栏广告里面添加个广告位，使用代码添加以下代码即可！

<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>
<td width="95"><img src="http://www.pylt.cc/image/common/0.gif" width="95" height="29"></td>
<td width="113"><a href="http://www.pylt.cc/forum.php?mod=post&action=newthread&fid=37" target="_blank"><img src="http://www.pylt.cc/image/common/1.gif" width="113" height="29" border="0"></a></td>
<td width="124"><a href="http://www.pylt.cc/forum.php?mod=post&action=newthread&fid=40" target="_blank"><img src="http://www.pylt.cc/image/common/2.gif" width="124" height="29" border="0"></a></td>
<td width="118"><a href="http://www.pylt.cc/forum.php?mod=post&action=newthread&fid=39" target="_blank"><img src="http://www.pylt.cc/image/common/3.gif" width="118" height="29" border="0"></a></td>
<td width="124"><a href="http://www.pylt.cc/forum.php?mod=post&action=newthread&fid=39" target="_blank"><img src="http://www.pylt.cc/image/common/4.gif" width="124" height="29" border="0"></a></td>
<td width="119"><a href="http://www.pylt.cc/forum.php?mod=post&action=newthread&fid=38" target="_blank"><img src="http://www.pylt.cc/image/common/5.gif" width="119" height="29" border="0"></a></td>
<td width="121"><a href="http://www.pylt.cc/forum.php?mod=post&action=newthread&fid=38" target="_blank"><img src="http://www.pylt.cc/image/common/6.gif" width="121" height="29" border="0"></a></td>
<td width="146"><a href="http://www.pylt.cc/forum-70-1.html" target="_blank"><img src="http://www.pylt.cc/image/common/7.gif" width="146" height="29" border="0"></a></td>
</tr>
<tr align="center" valign="middle">
<td colspan="2"><div align="center" class="haha3">
<div align="left"><img src="http://www.pylt.cc/image/common/dianhua.gif" width="17" height="17"><span class="haha1">电话：</span>15893273336</div>
</div></td>
<td><div align="center" class="haha3">
<div align="left"><img src="http://www.pylt.cc/image/common/qq.gif" width="17" height="16"><span class="haha1">QQ:</span><span class="haha1"><a href="http://wpa.qq.com/msgrd?v=3&uin=22587639&site=qq&menu=yes" target="_blank" class="haha1">22587639</a></div>
</div></td>
<td><div align="center" class="haha3">
<div align="left"><img src="http://www.pylt.cc/image/common/qq.gif" width="17" height="16"><span class="haha1">QQ:</span><span class="haha2"><a href="http://wpa.qq.com/msgrd?v=3&uin=1907202151&site=qq&menu=yes" target="_blank" class="haha1">1907202151</a></span></div>
</div></td>
<td colspan="2"><div align="center" class="haha3">
<div align="left"><img src="http://www.pylt.cc/image/common/email.gif" width="17" height="15"><span class="haha1">邮箱：</span>22587639@qq.com</div>
</div> <div align="center" class="haha3"></div></td>
<td><div align="center" class="haha3">
<div align="left"><img src="http://www.pylt.cc/image/common/shijian.gif" width="17" height="16"><span class="haha1">7*24小时服务</span></div>
</div></td>
<td><div align="center" class="haha5"><a href="http://www.pylt.cc/forum-64-1.html">濮阳投资信息</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(http://www.pylt.cc/static/image/common/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="http://www.pylt.cc/forum-38-1.html"><span>濮阳人才</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-39-1.html"><span>濮阳房产</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-37-1.html"><span>濮阳二手</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-40-1.html"><span>濮阳商业</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-64-1.html"><span>濮阳投资</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-2-1.html"><span>濮阳团购</span></a>
</dd>
</dl>
<dl class="navLife"><dt>综合</dt><dd>
<a target="_blank" href="http://www.pylt.cc/forum-44-1.html"><span>吃喝玩乐</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-41-1.html"><span>濮阳亲子</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-45-1.html"><span>濮阳驴友</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-43-1.html"><span>濮阳家居</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-59-1.html"><span>濮阳旅游</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-57-1.html"><span>濮阳汽车</span></a>
</dd>
</dl>
<dl class="navTalk">
<dt>社区</dt><dd>
<a target="_blank" href="http://www.pylt.cc/forum-51-1.html"><span>中原油田</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-55-1.html"><span>濮阳交友</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-66-1.html"><span>自拍达人</span></a>
<a target="_blank" href="http://www.pylt.cc/forum-67-1.html"><span>濮阳电影</span></a>
</dd>
</dl>
<dl class="navService">
<dt>服务</dt><dd>
<a target="_blank" href="http://www.pylt.cc/forum-49-1.html"><span>知道</span></a><a target="_blank" href="http://www.pylt.cc/forum-53-1.html"><span>服务</span></a><a target="_blank" href="http://www.pylt.cc/forum-68-1.html"><span>广告</span></a><a target="_blank" href="http://www.pylt.cc/home.php"><span>微博</span></a><a target="_blank" href="http://www.pylt.cc/forum-42-1.html"><span>婚庆</span></a><a target="_blank" href="http://www.pylt.cc/forum-47-1.html"><span>帮助</span></a>
</dd>
</dl></div>
</div>

复制代码

插件下载地址：
濮阳论坛提供 http://www.pylt.cc

tianjun0804 · 发表于 2012-8-23 10:21:32

支持2.5版本的么？

4535 · 发表于 2012-8-23 11:40:07

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

49669335 · 发表于 2012-8-28 20:28:37

{:soso_e150:}支持2.5版本的么？

不露也锋芒 · 发表于 2012-8-28 20:59:21

确实很经典啊。。。

宜宾二手网① · 发表于 2013-9-2 23:15:13

能不能用哦

批发辅料 · 发表于 2013-10-31 22:58:55

{:soso_e179:}这个很不错支持一下，我找了好多多不好用！！希望像这样的好贴多多对于我们新手，太有用了！！！！

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

[发布] 经典首页二级导航，引导用户发布分类信息，简洁明快，超给力，濮阳论坛提供

本帖子中包含更多资源