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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 超简洁的二级导航,适合全屏站

[复制链接]
明天\会更好 发表于 2013-1-14 21:53:27 | 显示全部楼层 |阅读模式


我也是在站里下载别人的19楼二级导航代码 ,只是下载下来不适合全屏的,我自己稍微修改下。分享给大家了。。
  1. <style type="text/css">
  2. #nav .nav_floor {margin-bottom:-8px;padding:5px 0px 6px 20px;font-size:15px;border:1px solid

  3. #e8e8e8;border-top:none;background-position:0 -256px;overflow:hidden;background:url

  4. (/static/image/common/bg_nav_repeat.gif) repeat-x 0 bottom; }
  5. .nav_box {padding:0 15px 0 6px; overflow:hidden;}
  6. .nav_box li {float:left;padding:0 2px 0 2px;margin-right:9px;width:130px;height:28px;line-

  7. height:21px;background-position:right 0px;}
  8. .nav_box li a {display:block;padding-left:0px;width:115px;height:21px;background-

  9. position:7px 0px;overflow:hidden;}
  10. .nav_box li a span {font-family:Verdana,Arial;font-size:12px;font-weight:700;}
  11. #nav .nav_box li a:hover {background-color:#697f8f;color:#fff;text-

  12. decoration:none;background-position:7px -86px;}
  13. </style>
  14. <DIV id=nav>
  15. <DIV class=nav_floor>
  16. <UL class=nav_box>
  17. <li><a href="forum.php?mod=forumdisplay&fid=90" title="热点话题"><span>01#:</span>热点话题

  18. </a></li>
  19. <li><a href="forum.php?mod=forumdisplay&fid=91" title="娱乐八卦"><span>02#:</span>娱乐八卦

  20. </a></li>
  21. <li><a href="forum.php?mod=forumdisplay&fid=92" title="男女心事"><span>03#:</span>男女心事

  22. </a></li>
  23. <li><a href="forum.php?mod=forumdisplay&fid=75" title="时尚美眉"><span>04#:</span>时尚美眉

  24. </a></li>
  25. <li><a href="forum.php?mod=forumdisplay&fid=76" title="热血男儿"><span>05#:</span>热血男儿

  26. </a></li>
  27. <li><a href="forum.php?mod=forumdisplay&fid=77" title="情缘都市"><span>06#:</span>情缘都市

  28. </a></li>
  29. <li><a href="forum.php?mod=forumdisplay&fid=78" title="心情日记"><span>07#:</span>心情日记

  30. </a></li>
  31. <li><a href="forum.php?mod=forumdisplay&fid=79" title="休闲灌水"><span>08#:</span>休闲灌水

  32. </a></li>
  33. <li><a href="forum.php?mod=forumdisplay&fid=80" title="影视娱乐"><span>09#:</span>影视娱乐

  34. </a></li>
  35. <li><a href="forum.php?mod=forumdisplay&fid=81" title="妆模做样"><span>10#:</span>妆模做样

  36. </a></li>
  37. <li><a href="forum.php?mod=forumdisplay&fid=82" title="美图贴吧"><span>11#:</span>美图贴吧

  38. </a></li>
  39. <li><a href="forum.php?mod=forumdisplay&fid=83" title="美食烹饪"><span>12#:</span>美食烹饪

  40. </a></li>
  41. <li><a href="forum.php?mod=forumdisplay&fid=84" title="原创文学"><span>13#:</span>原创文学

  42. </a></li>
  43. <li><a href="forum.php?mod=forumdisplay&fid=87" title="情迷星座"><span>14#:</span>情迷星座

  44. </a></li>
  45. <li><a href="forum.php?mod=forumdisplay&fid=88" title="笑话连篇"><span>15#:</span>笑话连篇


  46. </a></li>
  47. <li><a href="forum.php?mod=forumdisplay&fid=85" title="打工他乡"><span>17#:</span>打工他乡

  48. </a></li>
  49. <li><a href="forum.php?mod=forumdisplay&fid=86" title="创业之路"><span>18#:</span>创业之路

  50. </a></li>
  51. <li><a href="forum.php?mod=forumdisplay&fid=2" title="新人报道><span>19#:</span>新人报道

  52. </a></li>
  53. <li><a href="forum.php?mod=forumdisplay&fid=36" title="网站管理"><span>20#:</span>网站管理

  54. </a></li>
  55. </UL></DIV></DIV>
复制代码
只要修改后面的版块ID就可以了 ,在更换下名称,就可以使用了。

本帖子中包含更多资源

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

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

本版积分规则

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

GMT+8, 2024-11-20 22:22 , Processed in 0.043177 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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