設計者: kkt
這個按鈕可以美化一些連結功能.
適用於任何版本.
相容於 IE 及 Firefox
以下示範用 subSilver 為例
打開: overall_header.tpl
找:
代碼: 選擇全部
<head>
代碼: 選擇全部
<style type="text/css">
<!--
a:hover{position:relative;top:2px;left:2px;}
-->
</style>
代碼: 選擇全部
<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br /> </span>
代碼: 選擇全部
<table width="100%" height="37" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="82" bgcolor="888888" onMouseOver ="this.style.backgroundColor='ac0000'" onMouseOut ="this.style.backgroundColor='#888888'"><a href="連結路徑"><img src="templates/subSilver/images/m-1.gif" width="82" height="37" border="0"></a></td>
<td width="79" bgcolor="888888" onMouseOver ="this.style.backgroundColor='cea000'" onMouseOut ="this.style.backgroundColor='#888888'"><a href="連結路徑" target="_blank"><img src="templates/subSilver/images/m-2.gif" width="79" height="37" border="0"></a></td>
<td width="79" bgcolor="888888" onMouseOver ="this.style.backgroundColor='04b100'" onMouseOut ="this.style.backgroundColor='#888888'"><a href="http://www.連結路徑" target="_blank"><img src="templates/subSilver/images/m-3.gif" width="79" height="37" border="0"></a></td>
<td width="79" bgcolor="888888" onMouseOver ="this.style.backgroundColor='007ed6'" onMouseOut ="this.style.backgroundColor='#888888'"><a href="http://www.連結路徑" target="_blank"><img src="templates/subSilver/images/m-4.gif" width="79" height="37" border="0"></a></td>
<td background="templates/subSilver/images/right-3.gif"><img src="templates/subSilver/images/right-2.gif" width="5" height="37"></td>
</tr>
</table>
你可自行增加按鈕數目
複制如下整段增加即可, 再把圖示的 gif 改做你用的檔名.
代碼: 選擇全部
<td width="79" bgcolor="888888" onMouseOver ="this.style.backgroundColor='04b100'" onMouseOut ="this.style.backgroundColor='#888888'"><a href="http://www.連結路徑" target="_blank"><img src="templates/subSilver/images/m-3.gif" width="79" height="37" border="0"></a></td>
代碼: 選擇全部
<table width="100%" height="37" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td background="templates/subSilver/images/right-3.gif"><img src="templates/subSilver/images/right-2.gif" width="5" height="37"></td>
<td width="82" bgcolor="888888" onMouseOver ="this.style.backgroundColor='ac0000'" onMouseOut ="this.style.backgroundColor='#888888'"><a href="連結路徑"><img src="templates/subSilver/images/m-1.gif" width="82" height="37" border="0"></a></td>
<td width="79" bgcolor="888888" onMouseOver ="this.style.backgroundColor='cea000'" onMouseOut ="this.style.backgroundColor='#888888'"><a href="連結路徑" target="_blank"><img src="templates/subSilver/images/m-2.gif" width="79" height="37" border="0"></a></td>
<td width="79" bgcolor="888888" onMouseOver ="this.style.backgroundColor='04b100'" onMouseOut ="this.style.backgroundColor='#888888'"><a href="http://www.連結路徑" target="_blank"><img src="templates/subSilver/images/m-3.gif" width="79" height="37" border="0"></a></td>
<td width="79" bgcolor="888888" onMouseOver ="this.style.backgroundColor='007ed6'" onMouseOut ="this.style.backgroundColor='#888888'"><a href="http://www.連結路徑" target="_blank"><img src="templates/subSilver/images/m-4.gif" width="79" height="37" border="0"></a></td>
</tr>
</table>
壓縮包內附 6 個按鈕 (包含一個空白按鈕)
背景圖示 2 個
別忘了刷新視窗喔.
效果:
可於本站下載 (不必註冊, 祇是免重複上載)
http://www.kkfriend.com/phpBB2/viewtopi ... 325#301325
.