bulin23 寫:
我的主題放在這裡（這是線上版，下面我再提供一個尚未上線的最新版）：
http://www.deviantart.com/deviation/37234215/因為我是模仿mac，所以我把您的button改成圖片上「一隻鉛筆一個方塊」的button。
更新到1.0.9.14之後，這個button會上移，而且左右間距會變窄。
今天早上我又重新修正了一次，卻怎麼修也無法改變button的位置，所以不知道您究竟改變了什麼，或者是用了什麼非標準的tag（只是猜測）。
目前全世界應該只有我的主題出問題，因為我還沒看過第二個修改您的button的主題。
附上我最新且未公開的版本。
參考圖中間的「小碼錶」button則是取代了ReminderFox套件的button。
1.0.9.14 多了幾張圖表現 ietab 按鈕的 hover 跟 active 狀態，
檔案在: ietab.jar\skin\ietab.css
內容是:
代碼:
/* Toolbar button */
#ietab-button[engine="fx"] {
list-style-image: url("chrome://ietab/skin/ietab-button-ie24b.png");
margin: 0 1px !important;
}
#ietab-button:hover[engine="fx"] {
list-style-image: url("chrome://ietab/skin/ietab-button-ie24.png");
}
#ietab-button:hover:active[engine="fx"] {
list-style-image: url("chrome://ietab/skin/ietab-button-ie24a.png");
}
#ietab-button[engine="ie"] {
list-style-image: url("chrome://ietab/skin/ietab-button-fx24b.png");
margin: 0 1px !important;
}
#ietab-button:hover[engine="ie"] {
list-style-image: url("chrome://ietab/skin/ietab-button-fx24.png");
}
#ietab-button:hover:active[engine="ie"] {
list-style-image: url("chrome://ietab/skin/ietab-button-fx24a.png");
}
toolbar[iconsize="small"] #ietab-button[engine="fx"] {
list-style-image: url("chrome://ietab/skin/ietab-button-ie16b.png");
margin: 0 1px !important;
}
toolbar[iconsize="small"] #ietab-button:hover[engine="fx"] {
list-style-image: url("chrome://ietab/skin/ietab-button-ie16.png");
}
toolbar[iconsize="small"] #ietab-button:hover:active[engine="fx"] {
list-style-image: url("chrome://ietab/skin/ietab-button-ie16a.png");
}
toolbar[iconsize="small"] #ietab-button[engine="ie"] {
list-style-image: url("chrome://ietab/skin/ietab-button-fx16b.png");
margin: 0 1px !important;
}
toolbar[iconsize="small"] #ietab-button:hover[engine="ie"] {
list-style-image: url("chrome://ietab/skin/ietab-button-fx16.png");
}
toolbar[iconsize="small"] #ietab-button:hover:active[engine="ie"] {
list-style-image: url("chrome://ietab/skin/ietab-button-fx16a.png");
}
跟舊版不同的地方除了多了 hover 與 active 那兩種狀態外，
還有一行 margin: 0 1px !important;
加這行的原因是因為 FX 2.0b1 200608?? 之後的 nightly 版本，預設的 skin 有改...
新的 FX2.0 預設 skin 似乎把所有按鈕 margin 預設為 0
因此凡是目前適用於 FX1.5 以下版本的套件按鈕(像是Sage/ScrapBook)，
在工具列上看起來都是緊鄰著的...看起來怪怪的...所以我才加這行。
但是我注意到一個有趣的事情....
我看到您的 skin 也支援 Sage，而我同樣用放在
moztw 上的 Sage 修改版
這個版本我前些日子改版給 FX2.0b1 用時，也同樣跟 ietab 一樣有放上 margin: 0 1px !important;
但是 Sage 的按鈕在您改的 Skin 下看起來卻不會出現"稍為高一點"的這種狀況...
我沒有玩過改 Skin 也對 CSS 語法也不是很清楚，因此關於這個問題，有什麼好的解決方法請跟我講。
感謝!
目前我是打算下一版先拿掉那個 margin: 0 1px !important;
因為 FX2.0b 預設 Skin 介面這樣大改，我想別的套件一定也會有人反映這個問題，
在 FX2.0 正式出來前這段時間，先看看別的套件怎麼解決這個問題，然後再跟進。
登入
註冊
問答集
搜尋
