免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

[分享] 二款超漂亮的二級導航!

本帖最後由 n7197 於 2012-3-6 14:47 編輯

我不是原創~只是分享給有需要的人!

感謝SCLUB賜給我們那麼好的免費論壇平台

演示:http://n7197.66rt.com/

123.jpg

OR

321.jpg

不必擔心圖片會失效~除非我忘了繳ADSL!
請自行更改您的連結內容網址與合適的寬度!
  1. <table width="970" height="-15">
  2.   <tr>
  3.     <td width="90" height="10"><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=37"><img src="http://homepage8.seed.net.tw/web@5/n7197/x2.gif" alt="點擊進入論壇分區"></a></div></td>
  4.     <td width="90"><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=18"><img src="http://homepage8.seed.net.tw/web@5/n7197/x3.gif" alt="點擊進入論壇分區"></a></div></td>
  5.     <td width="90"><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=14"><img src="http://homepage8.seed.net.tw/web@5/n7197/x5.gif" alt="點擊進入論壇分區"></a></div></td>
  6.     <td width="90"><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=8"><img src="http://homepage8.seed.net.tw/web@5/n7197/x4.gif" alt="點擊進入論壇分區"></a></div></td>
  7.     <td width="90"><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=5"><img src="http://homepage8.seed.net.tw/web@5/n7197/12022616511594d607e306150e.jpg" alt="點擊進入論壇分區"></a></div></td>
  8.     <td width="90"><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=30"><img src="http://homepage8.seed.net.tw/web@5/n7197/12022616519cb4546777e436a0.jpg" alt="點擊進入論壇分區"></a></div></td>
  9.     <td width="90"><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=60"><img src="http://homepage8.seed.net.tw/web@5/n7197/1202261651c44866b2cc65b438.jpg" alt="點擊進入論壇分區"></a></div></td>
  10.     <td width="90"><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=58"><img src="http://homepage8.seed.net.tw/web@5/n7197/1202261651fd5608bbcd3e3af4.jpg" alt="點擊進入論壇分區"></a></div></td>
  11.     <td width="90"><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=15"><img src="http://homepage8.seed.net.tw/web@5/n7197/x1.gif" alt="點擊進入論壇分區"></a></div></td>
  12.   </tr>
  13.   <tr>
  14.     <td height="23"><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=37">電腦攻防</a></div></td>
  15.     <td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=18">星座測驗</a></div></td>
  16.     <td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=14">網路囧圖</a></div></td>
  17.     <td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=8">電子舞曲</a></div></td>
  18.     <td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=5">創作自拍</a></div></td>
  19.     <td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=30">爆笑影音</a></div></td>
  20.     <td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=60">迅雷專區</a></div></td>
  21.     <td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=58">xuite</a></div></td>
  22.     <td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=15">每日簽到</a></div></td>
  23.   </tr>
  24. </table>
複製代碼
或者
  1. <center>
  2. <div class="a_mu"><style>
  3. .comiis_nav{BACKGROUND:#f7f9fb url(http://homepage8.seed.net.tw/web@5/n7197/daohang0.jpg) repeat-x;border:1px solid

  4. #e2eaf1;border-top:0px solid #e2eaf1;HEIGHT:57px;overflow:hidden;padding-left:10px;}
  5. .comiis_csmf dt{WIDTH:207px;HEIGHT:50px;FLOAT:left;overflow:hidden;padding-left:48px;padding-top:6px;}
  6. .comiis_csmf dt LI{LINE-HEIGHT:22px;WIDTH:65px;FLOAT:left;HEIGHT:22px;overflow:hidden;}.comiis_csmf dt LI a

  7. {color:#555;}.comiis_csmf dt LI a:hover{color:#369;}
  8. .daohang1{BACKGROUND:url(http://homepage8.seed.net.tw/web@5/n7197/12022616511594d607e306150e.jpg) no-repeat;}
  9. .daohang2{BACKGROUND:url(http://homepage8.seed.net.tw/web@5/n7197/12022616519cb4546777e436a0.jpg) no-repeat;}
  10. .daohang3{BACKGROUND:url(http://homepage8.seed.net.tw/web@5/n7197/1202261651c44866b2cc65b438.jpg) no-repeat;}
  11. .daohang4{BACKGROUND:url(http://homepage8.seed.net.tw/web@5/n7197/1202261651fd5608bbcd3e3af4.jpg) no-repeat;}
  12. </style>
  13. <div class="comiis_csmf">
  14. <dt class="daohang1">
  15. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=9">懷舊西洋</A></li>
  16. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=2">公告事項</A></li>
  17. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=52">版主議事</A></li>

  18. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=30">爆笑影音</A></li>
  19. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=28">新舊商品</A></li>
  20. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=20">恐怖靈異</A></li>
  21. </dt>
  22. <dt class="daohang2">
  23. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=12">相簿分享</A></li>
  24. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=10">經典國粵</A></li>
  25. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=53">愛狗協會</A></li>
  26. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=46">交通工具</A></li>

  27. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=43">日韓歌曲</A></li>
  28. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=31">流行中文</A></li>
  29. </dt>
  30. <dt class="daohang3">
  31. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=21">休閒笑話</A></li>
  32. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=4">心情文章</A></li>
  33. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=47">星聞圖片</A></li>
  34. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=44">其它音樂</A></li>
  35. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=32">流行西洋</A></li>

  36. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=22">旅遊美食</A></li>
  37. </dt>
  38. <dt class="daohang4" style="width:130px;">
  39. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=15">每日簽到</A></li>
  40. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=6">部落分享</A></li>
  41. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=54">愛貓協會</A></li>
  42. <li><A href="http://n7197.66rt.com/forumdisplay.php?fid=48">畫作展覽</A></li>
  43. </dt>
  44. </DIV></center>
複製代碼
1

評分人數

返回列表