本文引用自此
本文引用自此如語大的教學
啻異大的教學
另外以下是我的小補充
=================================
因為玩的很頭大...所以開html碼查了各按鈕的所屬族群
=================================
首頁的按鈕-
勇者造型相本-class="button3"
加為好友.設黑名單 /給評價-type="button" class="button3 button_h1"
送他禮物.觀看留言.寫信給他.留言給他 /看結果-type="button" class="button4 button_h1"
看更多 /+收藏 /更多新文章-class="button_c1"
文章列表的按鈕-
我推.收藏 /轉寄- type="button" class="button3 button_h1"
檢舉- type="button" class="button4 button_h1"
留言.回頂端.文章列表 /引用 /確定送出.回文章列表- type="button" class="button2 button_h1"
好友的按鈕-
xxx是誰的好友- type="button" class="button2 button_h1"
----------------------------------------------
@有type="button"可以在button裡設定文字格式..
不過也可直接設在其他button2等等中...
@有2個以上class的會使用在button_h1的設定...
@button_h2似乎用不到...
另外勇者造型相本滑鼠未指到時顏色會未定義顏色 指到時顏色為button3顏色
大部分按鈕上的文字顏可在button設定...不過class裡可以也可以設..
ps有些疑似有雙框設定!?在此只列出內框..因為我不懂...
(有強者能告訴我像下列html碼要如何解釋嗎+_+")
<a href="bookmark.php?owner=u9010066" class="button2 button_h1">
<img src="http://pic.bahamut.com.tw/home/but_icon.gif" width="15" height="9" border="0">
<span class="button_c1">看更多....</span>
</a>
==============================================================
如果太難的話...這裡提供
2種無腦語法..
直接擇一複製貼上css最上方即可
================我是分隔線=====================================
/*白框黑底白字按鈕*/
.button_c1{
color:#FFFFFF;
}
.button2,.button3,.button4{
border:2px dashed #FFFFFF;
background:#000000;
color:#FFFFFF;
}
.button2:hover,.button3:hover,.button4:hover{
border:2px dashed #FFFFFF;
background:#000000;
color:#FFFFFF;
}
================我是分隔線====================
/*無框透明底黑字按鈕(要改字色請自行更動#000000)*/
.button_c1{
color:#000000;
}
.button2,.button3,.button4{
border:0px;
background: url(http://www.geocities.com/u9010066/qqq.gif) repeat;
color:#000000;
}
.button2:hover,.button3:hover,.button4:hover{
border:0px;
background: url(http://www.geocities.com/u9010066/qqq.gif) repeat;
color:#000000;
}
LINE