主題

火狐四：模仿Google Chrome介面－FXChrome

—— | 2011-05-04 02:10:34 | 巴幣 2 | 人氣 1285

之前那個不支援四。
先來看圖，火狐按鈕比較好看才沒有裝手扳，搜尋列和網址列沒合併是個人覺得不方便，按鈕的顏色會隨著面板的顏色而變。（要點進來才能看到圖）

FXChrome：
https://addons.mozilla.org/zh-TW/firefox/addon/fxchrome/
扳手：
https://addons.mozilla.org/zh-tw/firefox/addon/fxchromemods/
要搜尋列和網址列合併裝Omnibar：
https://addons.mozilla.org/zh-TW/firefox/addon/omnibar/

要個性面板Personas用在非預設佈景主題：
http://home.gamer.com.tw/creationDetail.php?sn=1293720

美化左上角火狐橙按鈕，這個比以前更好！
一樣用Stylish這個套件到這裡安裝下載（另外有我在用的套件）
下載安裝完成後應該會在下方附加元件列（沒有按Ctrl+/）裡看到Ｓ圖示，
沒看到Ｓ圖示，按鈕＞工具列配置，把它拉到喜歡的位置。
在圖示上按右鍵＞編寫新樣式＞空白樣式把把下面代碼貼上去。
/*火狐橙文字*/

#appmenu-button .button-box .box-inherit:before {
content: "這裡隨你改";
}

#appmenu-button .button-box .box-inherit .button-text {
display: none;
}

/*火狐橙透明*/

/*#appmenu-button{ background: transparent !important; }*/

/*火狐橙去下拉箭頭*/

#appmenu-button .button-menu-dropmarker{
   display:none !important;
}

#appmenu-button {
  border-width: 2px!important;
  -moz-border-left-colors: transparent!important;
  -moz-border-bottom-colors: transparent!important;
  -moz-border-right-colors: transparent!important;
  box-shadow: 0 1px 0 transparent inset,
              0 0 2px 1px transparent inset!important;
}

#appmenu-button:hover,
#appmenu-button:hover:active,
#appmenu-button[open] {
  border-width: 2px!important;
  -moz-border-left-colors: rgba(255,255,255,.5) rgba(6,41,83,.9)!important;
  -moz-border-bottom-colors: rgba(255,255,255,.5) rgba(6,41,83,.9)!important;
  -moz-border-right-colors: rgba(255,255,255,.5) rgba(6,41,83,.9)!important;
  box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
              0 0 2px 1px rgba(255,255,255,.25) inset!important;
}
#appmenu-button{ background: transparent !important; }
----------------------------------------------------------------------
這個樣式雖然說會讓搜尋列和網址列變透明，但有用個性面板的不會透明，
反而會讓顏色和面板一樣。按圖會放大圖！
http://userstyles.org/styles/44170/firefox-4-transparent-url-and-searchbar