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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 经典简单实用漂亮的二级导航

[复制链接]
滇族部落 发表于 2013-4-8 16:32:09 | 显示全部楼层 |阅读模式
  1. <style>
  2. .nav_bd {width:960px; height:63px; margin:0 auto; background:url(http://bbs.wuhua5.com/ad/nav_bg3.jpg) no-repeat;overflow:hidden;}
  3. .nav_bd_ul{margin:7px 0px 0 7px;float:left;width:960px;}
  4. .nav_bd_ul li{height:25px;width:94px;line-height:25px;border-left:1px dashed #ccc;float:left;}
  5. .nav_bd_ul li a{font-size:14px;color:#0099CC;display:block;width:60px;height:25px;background:url(http://bbs.wuhua5.com/ad/comiis_ico.png) no-

  6. repeat 10px 9px;padding:0 13px 0 19px;text-decoration:none;}.nav_bd_ul li a:hover{background:url(http://bbs.wuhua5.com/ad/comiis_navbg.gif) no-repeat 5px center;color:#FF0066;text-decoration:none;}
  7. </style>
  8. <div class="nav_bd">
  9. <ul class="nav_bd_ul">
  10. <li><A title=昆明论坛  ><SPAN><font color="red">昆明论坛</font></SPAN></A></li>
  11. <li><A title=昆明新闻  ><SPAN><font color="blue">昆明新闻</font></SPAN></A></li>
  12. <li><A title=昆明记忆  ><SPAN><font color="green">昆明记忆</font></SPAN></A></li>
  13. <li><A title=昆明百科  ><SPAN><font color="purple">昆明百科</font></SPAN></A></li>
  14. <li><A title=昆明美食  ><SPAN>昆明美食</SPAN></A></li>
  15. <li><A title=手机论坛  ><SPAN><font color="red">手机论坛</font></SPAN></A></li>
  16. <li><A title=昆明杂谈  ><SPAN>昆明杂谈</SPAN></A></li>
  17. <li><A title=昆明旅游  ><SPAN><font color="red">昆明旅游</font></SPAN></A></li>
  18. <li><A title=图说天下  ><SPAN>图说天下</SPAN></A></li>
  19. <li><A title=版主申请  ><SPAN><font color="red">版主申请</font></SPAN></A></li>
  20. <li><A title=昆明问答  ><SPAN>昆明问答</SPAN></A></li>
  21. <li><A title=社会百态  ><SPAN>社会百态</SPAN></A></li>
  22. <li><A title=国内新闻  ><SPAN>国内新闻</SPAN></A></li>
  23. <li><A title=昆明二手  ><SPAN>昆明二手</SPAN></A></li>
  24. <li><A title=情感天空  ><SPAN>情感天地</SPAN></A></li>
  25. <li><A title=昆明地铁  ><SPAN>昆明地铁</SPAN></A></li>
  26. <li><A title=昆明地图  ><SPAN>昆明地图</SPAN></A></li>
  27. <li><A title=信息发布  ><SPAN>信息发布</SPAN></A></li>
  28. <li><A title=论坛Q群  ><SPAN>论坛Q群</SPAN></A></li>
  29. <li><A title=站务管理  ><SPAN>站务管理 </SPAN></A></li>
  30. </ul>
  31. </div>
复制代码
演示网站:www.dianzubuluo.com
如图:




可爱的轩轩 发表于 2013-4-8 20:17:17 | 显示全部楼层
还是调用外部图片
回复

使用道具 举报

ilei365 发表于 2013-4-8 20:38:49 | 显示全部楼层
无图无真相。。。。
回复

使用道具 举报

→奇仁√ 发表于 2013-4-8 21:26:48 | 显示全部楼层
AD检测
回复

使用道具 举报

4947046 发表于 2013-4-11 14:54:54 | 显示全部楼层
楼主说的是真到吗?
回复

使用道具 举报

1263104 发表于 2013-4-17 22:26:18 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

1263104 发表于 2013-4-22 08:17:01 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-23 16:59 , Processed in 0.018246 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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