Board logo

标题: 捌玖网络头部导航条代码 [打印本页]
作者: 野人e族    时间: 2008-3-1 09:44     标题: 捌玖网络头部导航条代码

[attach]444[/attach]
+ h% |  b- R1 J$ m& I$ v代码也非常简单，只要复制粘贴就OK，自己再改下你的版块地址就行了。9 l+ ^+ E9 C% y! \; w1 [" y8 k

  h0 h$ O6 x. r# B后台--基本设置--搜索引擎优化--其它头部信息% S+ u0 x) B8 B" A5 v

7 v2 }/ R) d  d- X# r9 l" y, z# u

  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <style type="text/css">
  6. <!--
  7. #siteNav {
  8. clear: both;
  9. float:left;
  10. width:1003px;
  11. padding-left: 1px;
  12. background: #fff;
  13. font-size:12px;
  14. font-weight: bold;
  15. line-height:normal;
  16. border-bottom:2px solid #84B0C7;
  17. voice-family: "\"}\"";
  18. voice-family: inherit;
  19. width: 1002px;
  20. }
  21. #siteNav ul {
  22. margin:0;
  23. padding:0;
  24. list-style:none;
  25. }
  26. #siteNav li {
  27. display:inline;
  28. margin:0;
  29. padding:0;
  30. }
  31. #siteNav a {
  32. float:left;
  33. background:url(http://89w.org/data/071008/cssbg1.gif) no-repeat left top;
  34. margin:0;
  35. padding:0 0 0 4px;
  36. text-decoration:none;
  37. }
  38. #siteNav a span {
  39. float:left;
  40. display:block;
  41. background:url(http://89w.org/data/071008/cssbg2.gif) no-repeat right top;
  42. padding:5px 11px 4px 5px;
  43. color:#036;
  44. }
  45. /* Commented Backslash Hack hides rule from IE5-Mac \*/
  46. #siteNav a span {
  47. float:none
  48. }
  49. /* End IE5-Mac hack */
  50. #siteNav a:hover span {
  51. color:#036;
  52. }
  53. #siteNav a:hover {
  54. background-position:0% -42px;
  55. }
  56. #siteNav a:hover span {
  57. background-position:100% -42px;
  58. }
  59. #siteNav #sel a {
  60. background-position:0% -42px;
  61. }
  62. #siteNav #sel a span {
  63. background-position:100% -42px;
  64. }
  65. -->
  66. </style>
  67. </head>
  68. <body>
  69. <div id="siteNav">
  70. <ul>
  71.   <li id="sel"><a href="http://89w.org"><span>论坛</span></a></li>
  72.   <li><a href="http://www.89w.org"><span>社区</span></a></li>
  73.   <li><a href="http://v.89w.org"><span>视频</span></a></li>
  74.   <li><a href="http://89w.org/forum-35-1.html"><span>T楼</span></a></li>
  75.   <li><a href="http://89w.org/forum-33-1.html"><span>新手</span></a></li>
  76.   <li><a href="http://89w.org/forum-3-1.html"><span>建议</span></a></li>
  77.   <li><a href="http://89w.org/forum-34-1.html"><span>申请</span></a></li>
  78.   <li><a href="http://89w.org/forum-19-1.html"><span>硬件</span></a></li>
  79.   <li><a href="http://89w.org/forum-37-1.html"><span>软件</span></a></li>
  80.   <li><a href="http://89w.org/forum-38-1.html"><span>网络</span></a></li>
  81.   <li><a href="http://89w.org/forum-41-1.html"><span>编程</span></a></li>
  82.   <li><a href="http://89w.org/forum-9-1.html"><span>搭建</span></a></li>
  83.   <li><a href="http://89w.org/forum-21-1.html"><span>工具</span></a></li>
  84.   <li><a href="http://89w.org/forum-8-1.html"><span>域名</span></a></li>
  85.   <li><a href="http://89w.org/forum-25-1.html"><span>代码</span></a></li>
  86.   <li><a href="http://89w.org/forum-12-1.html"><span>排版</span></a></li>
  87.   <li><a href="http://89w.org/forum-18-1.html"><span>下载</span></a></li>
  88.   <li><a href="http://89w.org/forum-17-1.html"><span>站长</span></a></li>
  89.   <li><a href="http://89w.org/forum-10-1.html"><span>交流</span></a></li>
  90.   <li><a href="http://89w.org/forum-4-1.html"><span>会员</span></a></li>
  91.   <li><a href="http://89w.org/forum-16-1.html"><span>灌水</span></a></li>
  92.   <li><a href="http://89w.org/forum-22-1.html"><span>AD</span></a></li>
  93. </ul>
  94. </div>
  95. </body>
  96. </html>
复制代码

# V. \8 m3 L8 A/ p. X' J1 a7 ]% y" K3 K* m8 N% U5 ~
需要用到的两张背景图片：



欢迎光临 捌玖网络工作室 (http://www.89w.org/) Powered by Discuz! 7.2