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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 【2013年】最好,最火爆的二级导航代码【适合任何版本】

[复制链接]
ly123456789 发表于 2013-5-26 21:55:56 | 显示全部楼层 |阅读模式
本帖最后由 ly123456789 于 2013-5-29 02:36 编辑

喜欢的必须顶一个啊,这样好的二级导航,可不要让他沉下去

演示地址:http://bbs.171633.com

   

使用安装:

后台—运营—站点广告—全局页头二级导航栏广告

【很简单吧】方便大家使用



代码如下:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>无标题文档</title>
  6. <style type="text/css">
  7. <!--
  8. .comiis_nav {
  9. BACKGROUND: #f7f9fb url(comiis_bato/comiis_navbg.jpg) repeat-x;
  10. border: 1px solid #E2EAF1;
  11. border-top: 0px solid #E2EAF1;
  12. HEIGHT: 57px;
  13. width: 947px;
  14. overflow: hidden;
  15. padding-left: 10px;
  16. background: #F7F9FB url(http://www.aiqingxuanyan.com) repeat-x;
  17. }
  18. .nav_ico01 {
  19. BACKGROUND: url(http://bbs.171633.com/data/attachment/forum/201305/26/211340bxl392lyy3iuy7e7.jpg.thumb.jpg) no-repeat;
  20. background: url(http://bbs.171633.com/data/attachment/forum/201305/26/211340bxl392lyy3iuy7e7.jpg.thumb.jpg) no-repeat;
  21. }
  22. .nav_ico02 {
  23. BACKGROUND: url(http://bbs.171633.com/data/attachment/forum/201305/26/211344blq330lr0b00flf5.jpg.thumb.jpg) no-repeat;
  24. background: url(http://bbs.171633.com/data/attachment/forum/201305/26/211344blq330lr0b00flf5.jpg.thumb.jpg) no-repeat;
  25. }
  26. .nav_ico03 {
  27. BACKGROUND: url(http://bbs.171633.com/data/attachment/forum/201305/26/211347yv1xgdrgpriy0ppg.jpg.thumb.jpg) no-repeat;
  28. background: url(http://bbs.171633.com/data/attachment/forum/201305/26/211347yv1xgdrgpriy0ppg.jpg.thumb.jpg) no-repeat;
  29. }
  30. .nav_ico04 {
  31. BACKGROUND: url(http://bbs.171633.com/data/attachment/forum/201305/26/211351ulcbyb0bp2yyzm05.jpg.thumb.jpg) no-repeat;
  32. background: url(http://bbs.171633.com/data/attachment/forum/201305/26/211351ulcbyb0bp2yyzm05.jpg.thumb.jpg) no-repeat;
  33. }
  34. * {
  35. word-wrap: break-word;
  36. }
  37. div {
  38. display: block;
  39. }
  40. body, input, button, select, textarea {
  41. font: 12px/1.5 Tahoma,'Microsoft Yahei','Simsun';
  42. color: #444;
  43. }
  44. .comiis_nav dt {
  45. WIDTH: 207px;
  46. HEIGHT: 50px;
  47. FLOAT: left;
  48. overflow: hidden;
  49. padding-left: 48px;
  50. padding-top: 6px;
  51. }
  52. dt {
  53. display: block;
  54. }
  55. element.style {
  56. width: 130px;
  57. }
  58. .comiis_nav dt li {
  59. LINE-HEIGHT: 22px;
  60. WIDTH: 65px;
  61. FLOAT: left;
  62. HEIGHT: 22px;
  63. overflow: hidden;
  64. }
  65. ul, li {
  66. list-style: none;
  67. }
  68. body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {
  69. margin: 0;
  70. padding: 0;
  71. }
  72. li {
  73. display: list-item;
  74. text-align: -webkit-match-parent;
  75. }


  76. -->
  77. </style>

  78. </head>

  79. <body>


  80. <div class="comiis_nav">
  81. <DT class=nav_ico01>
  82. <LI><A href="http://bbs.171633.com/forum-228-1.html" target=_blank>招聘信息</A> </LI>
  83. <LI><A href="http://bbs.171633.com/forum-39-1.html" target=_blank>程序发布</A> </LI>
  84. <LI><A href="http://bbs.171633.com/forum-62-1.html" target=_blank>插件Hack</A> </LI>
  85. <LI><A href="http://bbs.171633.com/forum-210-1.html" target=_blank>安装使用</A> </LI>
  86. <LI><A href="http://bbs.171633.com/forum-44-1.html" target=_blank>模板风格</A> </LI>
  87. <LI><A href="http://bbs.171633.com/forum-61-1.html" target=_blank>材料之家</A> </LI></DT>
  88. <DT class=nav_ico02>
  89. <LI><A href="http://bbs.171633.com/forum-232-1.html" target=_blank>网站交易</A> </LI>
  90. <LI><A href="http://bbs.171633.com/forum-233-1.html" target=_blank>域名买卖</A> </LI>
  91. <LI><A href="http://bbs.171633.com/forum-225-1.html" target=_blank>软件下载</A> </LI>
  92. <LI><A href="http://bbs.171633.com/forum-234-1.html" target=_blank>社区中介</A> </LI>
  93. <LI><A href="http://bbs.171633.com/forum-226-1.html" target=_blank>PS交流</A> </LI>
  94. <LI><A href="http://bbs.171633.com/forum-237-1.html" target=_blank>联盟信息</A> </LI></DT>
  95. <DT class=nav_ico03>
  96. <LI><A href="http://bbs.171633.com/forum-69-1.html" target=_blank>精美贴图</A> </LI>
  97. <LI><A href="http://bbs.171633.com/forum-182-1.html" target=_blank>新闻视频 </A> </LI>
  98. <LI><A href="http://bbs.171633.com/forum-71-1.html" target=_blank>时尚生活</A> </LI>
  99. <LI><A href="http://bbs.171633.com/forum-70-1.html" target=_blank>娱乐八卦</A> </LI>
  100. <LI><A href="http://bbs.171633.com/forum-212-1.html" target=_blank>技术交流</A> </LI>
  101. <LI><A href="http://bbs.171633.com/forum-214-1.html" target=_blank>网站建立</SPAN></A></li>
  102. </dt>
  103. <dt class="nav_ico04" style="width:130px;">
  104. <LI><A href="http://bbs.171633.com/forum-78-1.html" target=_blank>论坛站务</A> </LI>
  105. <LI><A href="http://bbs.171633.com/forum-79-1.html" target=_blank>投诉维权</A> </LI>
  106. <LI><A href="http://bbs.171633.com/forum-80-1.html" target=_blank>疑难求助</A> </LI>
  107. <LI><A href="http://bbs.171633.com/forum-239-1.html"target=_blank>交换链接</font></a></li>
  108. </dt>
  109. </div>
  110. </body>
  111. </html> </P>
复制代码

本帖子中包含更多资源

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

x
 楼主| ly123456789 发表于 2013-5-26 21:58:48 | 显示全部楼层
我先顶一个,
回复

使用道具 举报

1314学习网 发表于 2013-5-26 22:11:01 | 显示全部楼层
前排顶顶先再说
回复

使用道具 举报

 楼主| ly123456789 发表于 2013-5-26 22:14:42 | 显示全部楼层

谢谢你的前排支持
回复

使用道具 举报

爱情永在 发表于 2013-5-27 11:54:53 | 显示全部楼层
:handshake:handshake
回复

使用道具 举报

 楼主| ly123456789 发表于 2013-5-28 00:31:55 | 显示全部楼层
:handshake:handshake
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-12-23 16:32 , Processed in 0.024716 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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