分享2级导航代码！X2.0专用，拿走顶一下

_双眼皮℡ · 发表于 2011-6-19 03:27:13

本帖最后由 _双眼皮℡ 于 2011-6-19 03:28 编辑

演示地址 http://www.bbs0370.com/

<div class="a_mu"><style type="text/css">
#nav_bottom {
background-image: url([img]http://www.bbs0370.com/image/nav_bottom.png[/img]);
height: 59px;
padding-top:9px;
width: 960px;
}
</style>
<div id="nav_bottom"><table width="960" border="0" align="center" style="font-size:12px; font-family:微软雅黑;">
<tbody><tr>
<td width="10" rowspan="2" style="padding-left:8px;"><img src="http://www.bbs0370.com/image/menu_zixun.gif" width="29" height="47"></td>
<td width="170" height="22" valign="top" style="padding-left:10px;"><a href="http://www.bbs0370.com/house.php" target="_blank">房产</a> | <a href="http://www.bbs0370.com/forum-53-1.html" target="_blank">婚嫁</a> | <a href="http://www.bbs0370.com/forum-54-1.html" target="_blank">亲子</a> | <a href="http://www.bbs0370.com/forum-114-1.html" target="_blank">汽车</a></td>
<td width="29" rowspan="2"><img src="http://www.bbs0370.com/image/menu_hudong.gif" width="29" height="47"></td>
<td width="315" valign="top" style="padding-left:10px;"><a href="http://www.bbs0370.com/forum-50-1.html" target="_blank">叽歪</a> | <a href="http://www.bbs0370.com/forum-102-1.html" target="_blank">贴图</a> | <a href="http://www.bbs0370.com/forum-55-1.html" target="_blank">美食</a> | <a href="http://www.sgsgw.com/forum-43-1.html" target="_blank">网友</a> | <a href="http://www.sgsgw.com/forum-59-1.html" target="_blank">活动</a> | <a href="http://www.bbs0370.com/forum-92-1.html" target="_blank">游戏</a> | <a href="http://www.bbs0370.com/forum-57-1.html" target="_blank">8090</a></td>
<td width="29" rowspan="2"><img src="http://www.bbs0370.com/image/menu_kuanpin.gif" width="29" height="47"></td>
<td width="220" valign="top" style="padding-left:10px;"><a href="http://www.bbs0370.com/forum.php?mod=forumdisplay&fid=47&filter=typeid&typeid=3" target="_blank">租房</a> | <a href="http://www.bbs0370.com/forum.php?mod=forumdisplay&fid=47&filter=typeid&typeid=22" target="_blank">售房</a> | <a href="http://www.bbs0370.com/plugin.php?id=she_show:she_show" target="_blank">画报</a> | <a href="http://www.bbs0370.com/forum-91-1.html" target="_blank">女人</a> | <a href="http://www.bbs0370.com/forum-99-1.html" target="_blank">广告</a></td>
<td width="29" rowspan="2"><img src="http://www.bbs0370.com/image/menu_shenghuo.gif" width="29" height="47"></td>
<td width="130" valign="top" style="padding-left:10px;"><a href="http://www.bbs0370.com/userapp.php">游戏</a>
| <a href="http://www.bbs0370.com/plugin.php?id=zhibo:tvzb">电视</a> | <a href="http://www.bbs0370.com/plugin.php?id=active:index"><font color="red">活动
</font></a></td>
</tr>
<tr>
<td width="170" style="padding-left:10px;"><a href="http://www.bbs0370.com/portal.php?mod=list&catid=8" target="_blank">商城</a> | <a href="http://www.bbs0370.com/forum-103-1.html" target="_blank">家居</a> | <a href="http://www.bbs0370.com/forum-44-1.html" target="_blank"><font color="#FF3300">新闻</font></a> | <a href="http://www.bbs0370.com/forum-61-1.html">情感</a></td>
<td width="315" style="padding-left:10px;"><a href="http://www.bbs0370.com/forum-46-1.html" target="_blank">知道</a> | <a
href="http://www.bbs0370.com/forum-116-1.html" target="_blank">单车</a> | <a href="http://www.bbs0370.com/forum-84-1.html" target="_blank">旅游</a> | <a href="http://www.bbs0370.com/forum-56-1.html" target="_blank">校园</a> | <a href="http://www.bbs0370.com/forum.php?mod=forumdisplay&fid=102&filter=typeid&typeid=109" target="_blank">摄影</a> | <a href="http://www.bbs0370.com/forum-88-1.html" target="_blank">体育</a> | <a href="http://www.bbs0370.com/forum-89-1.html" target="_blank">古玩</a></td>
<td width="220" style="padding-left:10px;"><a href="http://www.bbs0370.com/forum-48-1.html" target="_blank">招聘</a> | <a href="http://www.bbs0370.com/forum.php?mod=forumdisplay&fid=48&filter=typeid&typeid=57&sortid=9" target="_blank">求职</a> | <a href="http://www.bbs0370.com/forum-83-1.html" target="_blank">二手</a> | <a href="http://www.bbs0370.com/forum.php?mod=forumdisplay&fid=46&filter=typeid&typeid=198" target="_blank">互助</a> | <a href="http://www.bbs0370.com/chaxun/" target="_blank">查询</a></td>
<td width="130" align="center" style="padding-left:6px;"><a href="http://www.bbs0370.com/plugin.php?id=mz_pptv:pptvtarget="_blank"><font color="#FF3300"">电影</a> | <a href=" http://www.bbs0370.com/plugin.php?id=dmember:index">交友</a> | <a href="http://www.bbs0370.com/misc.php?mod=ranklist">红人</a></td>
</tr>
</tbody></table>
</div>
</div>

复制代码

heziwen · 发表于 2011-6-19 03:54:02

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

likangliang · 发表于 2011-6-19 12:55:28

本帖最后由 likangliang 于 2011-6-19 13:19 编辑

不错简单大气
帮大家弄了一个祛除网址的方便的！

将附件images解压到网站根目录
其他代码如下：

<div class="a_mu">
<style type="text/css">
#nav_bottom {
background-image: url([img]http://你的网址/images/nav_bottom.png[/img]);
height: 59px;
padding-top:9px;
width: 960px;
}
</style>
<div id="nav_bottom">
<table width="960" border="0" align="center" style="font-size:12px; font-family:微软雅黑;">
<tbody>
<tr>
<td width="10" rowspan="2" style="padding-left:8px;">
<img src="http://你的网址/images/menu_zixun.gif" width="29" height="47"></td>
<td width="170" height="22" valign="top" style="padding-left:10px;">
<a href="#" target="_blank">房产</a> |
<a href="#" target="_blank">婚嫁</a> |
<a href="#" target="_blank">亲子</a> |
<a href="#" target="_blank">汽车</a>
</td>
<td width="29" rowspan="2">
<img src="http://你的网址/images/menu_hudong.gif" width="29" height="47">
</td>
<td width="315" valign="top" style="padding-left:10px;">
<a href="#" target="_blank">叽歪</a> |
<a href="#" target="_blank">贴图</a> |
<a href="#" target="_blank">美食</a> |
<a href="#" target="_blank">网友</a> |
<a href="#" target="_blank">活动</a> |
<a href="#" target="_blank">游戏</a> |
<a href="#" target="_blank">8090</a>
</td>
<td width="29" rowspan="2">
<img src="http://你的网址/images/menu_kuanpin.gif" width="29" height="47">
</td>
<td width="220" valign="top" style="padding-left:10px;">
<a href="#" target="_blank">租房</a> |
<a href="#" target="_blank">售房</a> |
<a href="#" target="_blank">画报</a> |
<a href="#" target="_blank">女人</a> |
<a href="#" target="_blank">广告</a>
</td>
<td width="29" rowspan="2">
<img src="http://你的网址/images/menu_shenghuo.gif" width="29" height="47">
</td>
<td width="130" valign="top" style="padding-left:10px;">
<a href="#">游戏</a> |
<a href="#">电视</a> |
<a href="#"><font color="red">活动</font></a>
</td>
</tr>
<tr>
<td width="170" style="padding-left:10px;">
<a href="#" target="_blank">商城</a> |
<a href="#" target="_blank">家居</a> |
<a href="#" target="_blank">新闻</font></a> |
<a href="#">情感</a>
</td>
<td width="315" style="padding-left:10px;">
<a href="#" target="_blank">知道</a> |
<a href="#" target="_blank">单车</a> |
<a href="#" target="_blank">旅游</a> |
<a href="#" target="_blank">校园</a> |
<a href="#" target="_blank">摄影</a> |
<a href="#" target="_blank">体育</a> |
<a href="#" target="_blank">古玩</a>
</td>
<td width="220" style="padding-left:10px;">
<a href="#" target="_blank">招聘</a> |
<a href="#" target="_blank">求职</a> |
<a href="#" target="_blank">二手</a> |
<a href="#" target="_blank">互助</a> |
<a href="#" target="_blank">查询</a></td>
<td width="130" align="center" style="padding-left:6px;">
<a href="#" target="_blank">电影</a> |
<a href="#">交友</a> |
<a href="#">红人</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>

复制代码

自己替换相应的东西哦

as20022369 · 发表于 2011-6-19 15:59:49

楼主你的门户也面可以分享一下吗

_双眼皮℡ · 发表于 2011-6-19 16:52:28

暂时不能分享

jxhjjm · 发表于 2011-6-19 17:15:19

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

twhll1 · 发表于 2011-6-19 17:43:38

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

西湖河柳 · 发表于 2011-6-20 08:47:11

提笔留名

cgf1604 · 发表于 2011-6-23 15:28:41

这么长

_双眼皮℡ · 发表于 2011-6-23 16:35:32

{:soso_e101:}

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

[发布] 分享2级导航代码！X2.0专用，拿走顶一下

本帖子中包含更多资源

本帖子中包含更多资源