获得本站免费赞助空间请点这里
返回列表 发帖

捌玖网络头部导航条代码


5 M7 E* \+ F* Q) S) j+ ^9 O7 a代码也非常简单,只要复制粘贴就OK,自己再改下你的版块地址就行了。6 D( ~4 T( f  J8 `( b# u
1 }% r9 K  @, N6 U
后台--基本设置--搜索引擎优化--其它头部信息. ^4 W7 D' N4 B' l

* g$ x5 x' c/ c/ Z/ l

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

# l" S0 b; ?4 W  l; H9 D. ~. y/ E
# Z6 u; d, [$ Z& s! ?* U$ U需要用到的两张背景图片:
附件: 您需要登录才可以下载或查看附件。没有帐号?注册

返回列表
【捌玖网络】已经运行: