創作內容

2 GP

如何修改預設銀色按鈕

作者:米洛│2007-09-06 14:59:44│巴幣:0│人氣:1112
本文引用自此
本文引用自此


如語大的教學
啻異大的教學

另外以下是我的小補充
=================================
因為玩的很頭大...所以開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;
}
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=808352
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 4 篇留言

異 / 啻異
其實除了按鈕
有的表格還一口氣套了三種CLASS
所以我一開始寫是比較速成的兩套方式
直接把細節給歸大類了

巴哈的按鈕幾乎都是套兩種CLASS就是...
很難稿.......Orz

09-06 15:40

米洛
對阿...看的頭好痛...orz
09-06 15:52
白菊
嗚>_<好難懂=.=

整理腦袋空間中=.=

感謝分享^O^

09-06 15:53

米洛
其實不難啦^^
加油^^/~09-06 16:37
白菊
我要給GP >///<

09-06 15:53

威爾伊斯麥海德
研究到腦袋當機。

09-06 16:58

我要留言提醒:您尚未登入,請先登入再留言

2喜歡★u9010066 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:Story筆記簿--幽冥... 後一篇:小屋完工0口0/ 來慶祝...

追蹤私訊切換新版閱覽

作品資料夾

colanncolann
【繪圖創作】【科嵐工作室】11週年! 2024/4/1 https://home.gamer.com.tw/creationDetail.php?sn=5909405看更多我要大聲說昨天22:48


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】