Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

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

[复制链接]
nayue87 发表于 2012-12-19 17:09:26 | 显示全部楼层 |阅读模式
首先,将一下图片 上传到 static/image/目录下你要放二级导航图片的文件夹中,并可以更换为你自己喜欢的图标


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


代码:
  1. <div class="a_mu"><style type="text/css">
  2. #nav_bottom {
  3. background-image: url(template/loolgeV8/image/daohang_bj.png);
  4. height: 59px;
  5. padding-top:9px;
  6. width: 960px;
  7. }
  8. </style>
  9. <div id="nav_bottom"><table width="960" border="0" align="center" style="font-size:12px; font-family:微软雅黑;">
  10. <tbody><tr>
  11. <td width="10" rowspan="2" style="padding-left:8px;">
  12. <img src="http://www.5iyzw.com/static/image/erjidaohang/niqiu.jpg" width="29" height="47"></td>
  13. <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>
  14. <td width="29" rowspan="2">
  15. <img src="http://www.5iyzw.com/static/image/erjidaohang/huangshan.jpg" width="29" height="47"></td>
  16. <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>
  17. <td width="29" rowspan="2">
  18. <img src="http://www.5iyzw.com/static/image/erjidaohang/tunshu.jpg" height="47"></td>
  19. <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>
  20. <td width="29" rowspan="2">
  21. <img src="http://www.5iyzw.com/static/image/erjidaohang/zhushu.jpg" height="47"></td>
  22. <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>
  23. <td width="29" rowspan="2">
  24. <img src="http://www.5iyzw.com/static/image/erjidaohang/qita.jpg" width="29" height="47"></td>
  25. <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>
  26. </tr>
  27. <tr>
  28. <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>
  29. <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>
  30. <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>
  31. <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>
  32. <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>
  33. </tr>
  34. </tbody></table>
  35. </div>
  36. </div>
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
木兰江 发表于 2012-12-19 17:17:26 | 显示全部楼层
看起来一点都不简单啊
回复

使用道具 举报

fly623 发表于 2012-12-19 17:18:34 | 显示全部楼层
错位了
回复

使用道具 举报

fly623 发表于 2012-12-19 17:19:08 | 显示全部楼层

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

gushiyue 发表于 2012-12-19 17:57:56 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

 楼主| nayue87 发表于 2012-12-20 18:22:52 | 显示全部楼层
fly623 发表于 2012-12-19 17:18
错位了

谢谢!我再调整测试一下~
回复

使用道具 举报

7#
无效楼层,该帖已经被删除
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-20 18:30 , Processed in 0.026360 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表