分享一个二级导航，设置很简单

nayue87 · 发表于 2012-12-19 17:09:26

首先，将一下图片上传到 static/image/目录下你要放二级导航图片的文件夹中，并可以更换为你自己喜欢的图标

将以下代码在“运营->站点广告添加全局页头二级导航栏广告中“粘贴，代码可以调整为多行或多列。
演示网站：http://www.5iyzw.com

代码：

<div class="a_mu"><style type="text/css">
#nav_bottom {
background-image: url(template/loolgeV8/image/daohang_bj.png);
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.5iyzw.com/static/image/erjidaohang/niqiu.jpg" width="29" height="47"></td>
<td width="120" height="22" valign="top" style="padding-left:6px;"><a href="http://www.5iyzw.com/forum-79-1.html" target="_blank">交流</a> | <a href="http://www.5iyzw.com/forum-78-1.html" target="_blank">图片</a> | <a href="http://www.5iyzw.com/forum-160-1.html" target="_blank">资讯&nbsp&nbsp</a></td>
<td width="29" rowspan="2">
<img src="http://www.5iyzw.com/static/image/erjidaohang/huangshan.jpg" width="29" height="47"></td>
<td width="120" valign="top" style="padding-left:6px;"><a href="http://www.5iyzw.com/forum-4-1.html" target="_blank">交流</a> | <a href="http://www.5iyzw.com/forum-6-1.html" target="_blank">图片</a> | <a href="http://www.5iyzw.com/forum-159-1.html" target="_blank">资讯&nbsp&nbsp</a></td>
<td width="29" rowspan="2">
<img src="http://www.5iyzw.com/static/image/erjidaohang/tunshu.jpg" height="47"></td>
<td width="120" valign="top" style="padding-left:6px;"><a href="http://www.5iyzw.com/forum-12-1.html" target="_blank">交流</a> | <a href="http://www.5iyzw.com/forum-14-1.html" target="_blank">图片</a> | <a href="http://www.5iyzw.com/forum-163-1.html" target="_blank">资讯&nbsp&nbsp</a></td>
<td width="29" rowspan="2">
<img src="http://www.5iyzw.com/static/image/erjidaohang/zhushu.jpg" height="47"></td>
<td width="120" valign="top" style="padding-left:6px;"><a href="http://www.5iyzw.com/forum-87-1.html" target="_blank">交流</a> | <a href="http://www.5iyzw.com/forum-86-1.html" target="_blank">图片</a> | <a href="http://www.5iyzw.com/forum-165-1.html" target="_blank">资讯&nbsp&nbsp</a></td>
<td width="29" rowspan="2">
<img src="http://www.5iyzw.com/static/image/erjidaohang/qita.jpg" width="29" height="47"></td>
<td width="400" valign="top" style="padding-left:6px;"><a href="http://www.5iyzw.com/forum-170-1.html">鳢科</a> | <a href="http://www.5iyzw.com/forum-169-1.html">黄顙</a> | <a href="http://www.5iyzw.com/forum-174-1.html">河豚鱼</a> | <a href="http://www.5iyzw.com/forum-175-1.html">龙虾</a> | <a href="http://www.5iyzw.com/forum-178-1.html">对虾</a> | <a href="http://www.5iyzw.com/forum-105-1.html">麦穗 </a> |<a href="http://www.5iyzw.com/forum-144-1.html">青蛙</a> | <a href="http://www.5iyzw.com/forum-173-1.html">蜗牛</a> | <a href="http://www.5iyzw.com/forum-107-1.html">蝇蛆&nbsp&nbsp&nbsp&nbsp</a></td>
</tr>
<tr>
<td width="120" style="padding-left:6px;"><a href="http://www.5iyzw.com/forum-76-1.html" target="_blank">资料</a> | <a href="http://www.5iyzw.com/forum-77-1.html" target="_blank">视频</a> | <a href="http://www.5iyzw.com/forum-162-1.html" target="_blank">价格&nbsp&nbsp</a></td>
<td width="120" style="padding-left:6px;"><a href="http://www.5iyzw.com/forum-5-1.html" target="_blank">资料</a> | <a href="http://www.5iyzw.com/forum-62-1.html" target="_blank">视频</a> | <a href="http://www.5iyzw.com/forum-161-1.html" target="_blank">价格&nbsp&nbsp</a></td>
<td width="120" style="padding-left:6px;"><a href="http://www.5iyzw.com/forum-13-1.html" target="_blank">资料</a> | <a href="http://www.5iyzw.com/forum-64-1.html" target="_blank">视频</a> | <a href="http://www.5iyzw.com/forum-164-1.html" target="_blank">价格&nbsp&nbsp</a></td>
<td width="120" style="padding-left:6px;"><a href="http://www.5iyzw.com/forum-84-1.html" target="_blank">资料</a> | <a href="http://www.5iyzw.com/forum-85-1.html" target="_blank">视频</a> | <a href="http://www.5iyzw.com/forum-166-1.html" target="_blank">价格&nbsp&nbsp</a></td>
<td width="400" align="center" style="padding-left:6px;"><a href="http://www.5iyzw.com/forum-176-1.html" target="_blank">甲鱼</a> | <a href="http://www.5iyzw.com/forum-143-1.html" target="_blank">土鸡 </a> | <a href="http://www.5iyzw.com/forum-106-1.html" target="_blank">特禽</a> | <a href="http://www.5iyzw.com/forum-145-1.html" target="_blank">野猪</a> | <a href="http://www.5iyzw.com/forum-177-1.html" target="_blank">鳄鱼</a> | <a href="http://www.5iyzw.com/forum-133-1.html" target="_blank">养蛇</a> | <a href="http://www.5iyzw.com/forum-109-1.html" target="_blank">黄粉虫</a> | <a href="http://www.5iyzw.com/forum-108-1.html" target="_blank">蚯蚓</a> | <a href="http://www.5iyzw.com/forum-110-1.html" target="_blank">海狸&nbsp&nbsp&nbsp&nbsp</a></td>
</tr>
</tbody></table>
</div>
</div>

复制代码

木兰江 · 发表于 2012-12-19 17:17:26

看起来一点都不简单啊

fly623 · 发表于 2012-12-19 17:18:34

错位了

fly623 · 发表于 2012-12-19 17:19:08

gushiyue · 发表于 2012-12-19 17:57:56

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

nayue87 · 发表于 2012-12-20 18:22:52

fly623 发表于 2012-12-19 17:18
错位了

谢谢！我再调整测试一下～

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

[发布] 分享一个二级导航，设置很简单

本帖子中包含更多资源

本帖子中包含更多资源