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

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

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

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

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

不必擔心圖片會失效~除非我忘了繳ADSL!
請自行更改您的連結內容網址與合適的寬度!

<table width="970" height="-15">
<tr>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
</tr>
<tr>
<td height="23"><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=37">電腦攻防</a></div></td>
<td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=18">星座測驗</a></div></td>
<td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=14">網路囧圖</a></div></td>
<td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=8">電子舞曲</a></div></td>
<td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=5">創作自拍</a></div></td>
<td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=30">爆笑影音</a></div></td>
<td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=60">迅雷專區</a></div></td>
<td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=58">xuite</a></div></td>
<td><div align="center"><a href="http://n7197.66rt.com/forumdisplay.php?fid=15">每日簽到</a></div></td>
</tr>
</table>

複製代碼

或者

<center>
<div class="a_mu"><style>
.comiis_nav{BACKGROUND:#f7f9fb url(http://homepage8.seed.net.tw/web@5/n7197/daohang0.jpg) repeat-x;border:1px solid
#e2eaf1;border-top:0px solid #e2eaf1;HEIGHT:57px;overflow:hidden;padding-left:10px;}
.comiis_csmf dt{WIDTH:207px;HEIGHT:50px;FLOAT:left;overflow:hidden;padding-left:48px;padding-top:6px;}
.comiis_csmf dt LI{LINE-HEIGHT:22px;WIDTH:65px;FLOAT:left;HEIGHT:22px;overflow:hidden;}.comiis_csmf dt LI a
{color:#555;}.comiis_csmf dt LI a:hover{color:#369;}
.daohang1{BACKGROUND:url(http://homepage8.seed.net.tw/web@5/n7197/12022616511594d607e306150e.jpg) no-repeat;}
.daohang2{BACKGROUND:url(http://homepage8.seed.net.tw/web@5/n7197/12022616519cb4546777e436a0.jpg) no-repeat;}
.daohang3{BACKGROUND:url(http://homepage8.seed.net.tw/web@5/n7197/1202261651c44866b2cc65b438.jpg) no-repeat;}
.daohang4{BACKGROUND:url(http://homepage8.seed.net.tw/web@5/n7197/1202261651fd5608bbcd3e3af4.jpg) no-repeat;}
</style>
<div class="comiis_csmf">
<dt class="daohang1">
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=9">懷舊西洋</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=2">公告事項</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=52">版主議事</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=30">爆笑影音</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=28">新舊商品</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=20">恐怖靈異</A></li>
</dt>
<dt class="daohang2">
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=12">相簿分享</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=10">經典國粵</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=53">愛狗協會</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=46">交通工具</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=43">日韓歌曲</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=31">流行中文</A></li>
</dt>
<dt class="daohang3">
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=21">休閒笑話</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=4">心情文章</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=47">星聞圖片</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=44">其它音樂</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=32">流行西洋</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=22">旅遊美食</A></li>
</dt>
<dt class="daohang4" style="width:130px;">
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=15">每日簽到</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=6">部落分享</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=54">愛貓協會</A></li>
<li><A href="http://n7197.66rt.com/forumdisplay.php?fid=48">畫作展覽</A></li>
</dt>
</DIV></center>