[分享] 首頁頁頂加入琴鍵式下壓按鈕

Styles Released by Other phpbb Sites
推薦您喜歡的非官方認證風格吧!享受多樣化的 phpBB 。

版主: 版主管理群譯文組

主題已鎖定
頭像
kkt
竹貓忠實會員
竹貓忠實會員
文章: 625
註冊時間: 2005-06-15 01:37
來自: H.K.
聯繫:

[分享] 首頁頁頂加入琴鍵式下壓按鈕

文章 kkt »

[分享] 首頁頁頂加入琴鍵式下壓按鈕

設計者: 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 />&nbsp; </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>
下載按鈕圖上傳至 templates/subSilver/images/
壓縮包內附 6 個按鈕 (包含一個空白按鈕)
背景圖示 2 個

別忘了刷新視窗喔.

效果:

圖檔


可於本站下載 (不必註冊, 祇是免重複上載)

http://www.kkfriend.com/phpBB2/viewtopi ... 325#301325





.
舊站台經已結朿了, 學生們可到遊戲站玩玩 Flash Game (不必註冊) 免費 Flash Game
在此學到很多架站知識, 永遠多謝:
心靈捕手老師, ~倉木麻衣~, 依夢兒 及 神川小羽各位大大相助
chpvip
星球普通子民
星球普通子民
文章: 1
註冊時間: 2007-06-25 23:58

文章 chpvip »

這組按鈕蠻好看的耶!
謝謝分享
主題已鎖定

回到「非官方認證風格」