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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 免费二级导航代码,经典,适用于任何版本

[复制链接]
lejinping 发表于 2013-1-17 10:58:27 | 显示全部楼层 |阅读模式
二级导航代码,经典,适用于任何版本



案例:东乡论坛|抚州东乡|泡粉网 http://ipaofen.com/     有什么不明白的,可以到我网站看看,绝对的可以对齐
  1. <style type="text/css">
  2. <!--
  3. body {
  4. margin-left: 0px;
  5. margin-top: 0px;
  6. margin-right: 0px;
  7. margin-bottom: 0px;
  8. }
  9. .haha1 {color: #0099FF}
  10. .haha2 {color: #CC3333}
  11. .haha3 {font-size: 12px}
  12. .haha5 {font-size: 14px; color: #FF0000;}
  13. .STYLE4 {font-size: 12px; color: #FF0000; }
  14. .STYLE5 {color: #FF0000}
  15. -->
  16. </style>
  17. <STYLE type="text/css">
  18. .wapNote,.colNav4t dl,.colNav4t dt,.colNav4t dd a:hover,.colNav4t dd

  19. a:hover span,#miniSearch .btn-search,.navAd,.colNav4t dl div em{

  20. background:url

  21. (http://www.ipaofen.com/data/attachment/forum/201301/10/102630b6k220qgu

  22. uzp9g7l.gif) no

  23. -repeat;}
  24. .wapNote {position:absolute;left:205px;top:36px;padding-left:15px;line

  25. -height:16px;_width:180px;color:#00AAD1;background-position:-988px -

  26. 260px;}
  27. .wapNote a {color:#ff6600;}
  28. .wapNote a:hover {text-decoration:underline;}

  29. #colNav4t { height:58px; padding:1px; _margin-top:5px;
  30. margin-bottom:5px; color:#325E7F;
  31. font:14px/1.5 Tahoma,Helvetica,Arial,"5b8b4f53";}

  32. .colNav4t { background:#F6F6F6;}
  33. .colNav4t a { color:#325E7F;}
  34. .colNav4t dl { float:left; position:relative; z-index:1; padding:8px

  35. 8px 3px 14px; height:48px; background-position:-315px -120px;}
  36. .colNav4t dl.navShopping { width:260px; padding-left:10px;

  37. background:none;clear:left}
  38. .colNav4t dl.navLife { width:260px;}
  39. .colNav4t dl.navTalk { width:180px;}
  40. .colNav4t dl.navService { width:160px;}
  41. .colNav4t dt { float:left; width:28px; margin-top:1px; text-

  42. align:center; font-size:12px; color:#4062B9; padding-top:25px;
  43. background-position:-589px -55px;}
  44. .colNav4t dl.navLife dt { background-position:-620px -55px;}
  45. .colNav4t dl.navTalk dt { background-position:-651px -55px;}
  46. .colNav4t dl.navService dt { background-position:-681px -55px;}
  47. .colNav4t dd { margin-left:30px;}
  48. .colNav4t dd a,.colNav4t dd a span { display:inline-

  49. block;zoom:1;*display:inline;}
  50. .colNav4t dd a {margin-bottom:2px;margin-right:2px;font-size:14px;}
  51. .colNav4t dd a span { position:relative; z-index:0; right:-2px;

  52. padding:0 7px 0 5px;padding-top:1px9;height:22px;line-

  53. height:22px;*cursor:pointer;}

  54. .colNav4t dd a:hover { text-decoration:none; color:#FF6C00;}
  55. .colNav4t dd a:hover,.colNav4t dd a:hover span {background-position:-

  56. 882px -153px;}
  57. .colNav4t dd a:hover span { background-position:100% -153px;}

  58. .colNav4t dl div { position:absolute; right:-2px; top:55px;width:103px}
  59. .colNav4t dl div em { position:absolute; top:-6px; _top:-4px;

  60. right:4px; width:8px; height:8px; overflow:hidden; background-

  61. position:100% -

  62. 19px;}
  63. .colNav4t dl p { display:none; margin-top:5px; _margin-top:7px;

  64. padding:0 7px 5px 4px; border:1px solid #DDD; border-top:none;

  65. background:#FFF;}
  66. .colNav4t dl.moreOn { background-color:#FFF;}
  67. .colNav4t dl.moreOn em { display:none;}
  68. </style>
  69. <div class="a_mu"><style type="text/css">
  70. #nav_bottom {
  71. background-image: url

  72. (http://sf0912.com/data/attachment/common/cf/054030jzkgtoe4ehhlth05);
  73. height: 59px;
  74. padding-top:9px;
  75. width: 960px;
  76. }
  77. </style>
  78. <div id="nav_bottom">
  79. <table width="960" border="0" align="center" style="font-size:12px;

  80. font-family:宋体;">
  81. <tbody><tr>
  82. <td width="10" rowspan="2" style="padding-left:8px;"><img

  83. src="http://www.ipaofen.com/data/attachment/forum/201301/10/102630b6k22

  84. 0qguuzp9g7l.gif" width="29"

  85. height="47"></td>
  86. <td width="170" height="22" valign="top" bgcolor="#F7F7F7"

  87. style="padding-left:10px;">
  88. <a ><span>门户</span></a> |
  89. <a ><span><font color="#0000FF">

  90. 论坛</font></span></a> |
  91. <a href="forum.php?mod=forumdisplay&fid=43"><span>资讯</span></a> |
  92. <a ><span><font color="#0000FF">地图</font></span></a></td>

  93. <td width="29" rowspan="2"><img
  94. src="http://www.ipaofen.com/data/attachment/forum/201301/10/102628bnu73

  95. nccsp94gas3.gif" width="29"

  96. height="47"></td><td width="315" valign="top" bgcolor="#F7F7F7" style="padding-left:10px;">

  97. <a ><span><font

  98. color="#FF0000">打乱挖哩</font></span></a> |
  99. <a href="forum.php?mod=forumdisplay&fid=44"><span><font

  100. color="#0000FF">我型我秀</font></span></a> |
  101. <a href="forum.php?mod=forumdisplay&fid=45"><span>衣食住行</span></a> |
  102. <a href="forum.php?mod=forumdisplay&fid=47"><span>影音娱乐</span></a> |
  103. <a href=">forum.php?mod=forumdisplay&fid=51"<span><font

  104. color="#FF0000">寻人</font></span></a></td>

  105. <td width="29" rowspan="2"><img

  106. src="http://www.ipaofen.com/data/attachment/forum/201301/10/102629c5cwh

  107. fkkcwkanc55.gif" width="29"height="47"></td>
  108. <td width="220" valign="top" bgcolor="#F7F7F7" style="padding-left:10px;"><a ><span><font

  109. color="#FF0000">招聘求职</font></span></a> |
  110. <a ><span>房屋信息</span></a> |
  111. <a ><span><font

  112. color="#0000FF">便民电话</font></span></a></td>

  113. <td width="29" rowspan="2"><img

  114. src="http://www.ipaofen.com/data/attachment/forum/201301/10/102629pe1ck

  115. r837zi1z8t8.gif" width="29"

  116. height="47"></td>
  117. <td width="130" valign="top" bgcolor="#F7F7F7" style="padding-

  118. left:10px;">

  119. <a href="home.php?mod=space&do=share"><span><font

  120. color="#0000FF">分享</font></span></a> |
  121. <a href="home.php?mod=space&do=album"><span><font

  122. color="#0000FF">相册</font></span></a> |
  123. <a href="home.php?mod=space&do=notice"><span><font

  124. color="#0000FF">提醒</font></span></a></td>

  125. </font></a></td>
  126. </tr>
  127. <tr>
  128. <td width="170" bgcolor="#F7F7F7" style="padding-left:10px;">
  129. <a ><span><font

  130. color="#FF0000">热点</font></span></a> |
  131. <a ><span>排行</span></a> |
  132. <a ><span>淘贴</span></a> |
  133. <a ><span>广播</span></a></td>

  134. <td width="315"bgcolor="#F7F7F7"style="padding-left:10px;">

  135. <a href="forum.php?mod=forumdisplay&fid=55"><span><font

  136. color="#FF0000">婚嫁交友</font></span></a> |
  137. <a href="forum.php?mod=forumdisplay&fid=56"><span>家居装修</span></a> |
  138. <a href="forum.php?mod=forumdisplay&fid=49"><span>情感交流</span></a> |
  139. <a href="forum.php?mod=forumdisplay&fid=48"><span>摄影爱好</span></a> |
  140. <a href="forum.php?mod=forumdisplay&fid=64"><span><font

  141. color="#0000FF">点歌</font></span></a></td>

  142. <td width="220" bgcolor="#F7F7F7" style="padding-left:10px;">
  143. <a ><span><font color="#FF0000">东乡问答</font></span></a> |
  144. <a ><span><font color="#FF0000">跳蚤市场

  145. </font></span></a> |
  146. <a ><span>活动发布</span></a></td>

  147. <td width="130" align="center" bgcolor="#F7F7F7" style="padding-

  148. left:6px;">

  149. <a href="home.php?mod=space&do=friend"><span>好友</span></a> |
  150. <a href="home.php?mod=spacecp&ac=profile&op=verify"><span>认证</span></a> |
  151. <a href="home.php?mod=task"><span>任务</span></a></td>

  152. </tbody></table>
  153. </div>
  154. </div>
  155. </embed>
复制代码

本帖子中包含更多资源

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

x
hefayuming 发表于 2013-1-23 15:55:12 | 显示全部楼层
我的二级导航的不错 有需要给我要 www.ituqiang.com
回复

使用道具 举报

weiqiss 发表于 2013-2-13 00:41:48 | 显示全部楼层
支持一下。。
回复

使用道具 举报

混沌魔石 发表于 2013-2-13 02:07:40 | 显示全部楼层
还不错!!支持一下~~~
回复

使用道具 举报

侢羙,苡濄呿 发表于 2013-2-13 09:24:51 | 显示全部楼层
潼关在线上线 交换友情连接啦!地方站优先~
潼关在线 www.714302.com
地方连接 可以加我QQ:4645899
回复

使用道具 举报

yao_512 发表于 2013-5-27 08:34:42 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

itagirl.cn 发表于 2013-9-2 19:05:16 | 显示全部楼层
  不 错 谢谢  
回复

使用道具 举报

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

本版积分规则

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

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

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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