木事做,今天我陪你玩玩 Stylish

類別: 新奇

剛說 yee 同學火星來著(他今天才知道 stylish 可以用來自定義 Firefox),結果他非要我分享出來。先申明,stylsh 牛人請無視不要說火星 - -

1、stylish 是一坨 Firefox 擴充套件,用於顯示第三方 css。比如如果你不喜歡煎蛋新換的微軟雅黑字型了,可以寫一坨 stylish:
@-moz-document domain("jandan.net") {
body, #sidebar, h1, h2, h3, #commentform input, #commentform textarea, #commentform #submit, #commentform input#author, #commentform p, .comments, #nav li a{font-family:, Verdana, Arial, 宋體 !important;;}
}

然後你又看到以前預設是宋體時的煎蛋了(如果沒看到效果,請在 Firefox 的選項 > 內容 > 高階,勾選“允許頁面選擇字型”)。

# 不知道或者沒有 Stylish 的,先裝一個。

# 應用某個 stylish 的方法是,在右下角的 stylish 圖示上點選,然後撰寫一個空白樣式;已公佈的 stylish 在它的頁面上直接 load 即可。

2、先分享一個流傳比較廣的 stylish,把 youtube 變黑(這樣感覺比較酷)。
應用前後效果(測試頁面)對比如下:
木事做,今天我陪你玩玩 Stylish木事做,今天我陪你玩玩 Stylish

3、現在回到主題,我們今天要折騰 Firefox。其實很簡單,對於 Firefox 介面來說甚至都不需要申明網址。

舉例,要幹掉 Firefox 狀態列,只需要新增一個空白 stylish,寫一句:
#status-bar { display: none !important; }

神奇嗎?如果覺得徹底沒有了不方便,可以讓它浮動顯示。這樣寫(參考了這裡):
/* 隱藏狀態列但是留一個畫素,讓滑鼠移動過去時可以浮動出來 */
#status-bar { border-top: 1px solid ButtonShadow !important; }
#status-bar {height : 1px !important; min-height : 0 !important; overflow : hidden !important;}
#status-bar:hover,
#status-bar:focus,
/* 25畫素可以根據實際模板定義 */
#status-bar:active { height: 25px !important; }

如果只是想讓狀態列的某些按鈕不顯示,比如訪問 https 的安全按鈕可以寫:
statusbarpanel#security-button { display: none !important; }

訪問 Firefox 擴充套件區就能看到效果。

再舉例,比如折騰選單。幫助選單基本沒用,不想看到它可以寫一句:
#helpMenu { display: none !important; }

很簡單對吧。其它的檔案(file-menu)、檢視(view-menu)、編輯(edit-menu)、歷史(history-menu)、書籤(bookmarks-menu)、工具(tools-menu)你也可以相應的隱藏了。比如我平時幾乎只用檢視、歷史和工具,那麼就來個超簡潔的:
#file-menu, #view-menu, #edit-menu, #bookmarks-menu, #helpMenu { display: none !important; }

很無聊吧 —。—

現在你可以任意蹂躪你的 Firefox 了。這裡有很多現成的程式碼可供參考,可以用來快速測試各種詭異的 hack 效果。

木事做,今天我陪你玩玩 Stylish原文請看這裡