MozTW 討論區 https://forum.moztw.org/ |
|
用 Stylish 修改 Fx 介面 https://forum.moztw.org/viewtopic.php?f=11&t=13497 |
第 1 頁 (共 4 頁) |
發表人: | coolcd [ 2006-04-03, 23:18 ] |
文章主題 : | 用 Stylish 修改 Fx 介面 |
這主題應該很好玩的,我來起個頭吧! 內容我都試過,應該算是有效果, 但我也只是玩玩,所以寫法應該有改善空間啦~ 控制字體大小 代碼: @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* 視窗 */ prefWindow * {font-size: 12px;} #downloadManager * {font-size: 15px;} #extensionsManager * {font-size: 15px;} #bookmark-window * {font-size: 13px;} #bookmark-folders-view * {font-size: 13px ;} #bookmarks-view * {font-size: 13px ;} /* 選單列 */ #main-menubar > menu {font-size: 15px;} /* 選單項目 */ #main-menubar menu menupopup * {font-size: 15px;} /* 網址列 */ #urlbar-container * {font-size: 13px;} /* 搜尋列 */ #search-container * {font-size: 13px;} /* 個人書籤列 */ #PersonalToolbar * {font-size: 15px;} /* 側邊欄 - 標題 */ sidebarheader {font-size: 13px;} /* 側邊欄 - 歷史 - 按鈕、尋找欄 */ #history-panel > hbox > * {font-size: 13px;} /* 側邊欄 - 歷史 - 歷史紀錄 */ #historyTree * {font-size: 13px;} /* 側邊欄 - 書籤 - 搜尋欄 */ #bookmarksPanel > hbox > * {font-size: 13px;} /* 側邊欄 - 書籤 - 項目 */ #bookmarks-view * {font-size: 13px;} /* 分頁標籤 */ tab .tab-text {font-size: 13px;} /* 主瀏覽區右鍵選單 */ #contentAreaContextMenu * {font-size: 15px;} /* 狀態列 */ #status-bar * {font-size: 15px;} /* 擴充套件 */ #ScrapBookWindow * {font-size: 15px;} #stylish-window * {font-size: 13px;} #pageSagePanel * {font-size: 13px;} #webdeveloper-toolbar * {font-size: 13px;} #abp-sidebar * {font-size: 13px;} |
發表人: | goldie [ 2006-04-04, 02:49 ] |
文章主題 : | |
推~* ![]() 原來不僅搞網頁,連自身界面也可惡搞 ![]() |
發表人: | 1394 [ 2006-04-04, 05:53 ] |
文章主題 : | |
goldie 寫: 推~*
![]() 原來不僅搞網頁,連自身界面也可惡搞 ![]() 早安! 推啊~~ 還附詳細中文說明這個好 正覺得 SpoofStick 的字太大又無法調整,我需要Very Small ![]() 說不一定能調小只是我還不會用 Stylish 這個套件..還沒安裝 ![]() |
發表人: | wini [ 2006-04-04, 08:17 ] |
文章主題 : | |
附上些相關的討論串: - 以 DOM 觀察器來查詢 Fx 操作介面物件名稱的教學 - [分享]用 Stylish 來自訂網頁樣式 |
發表人: | coolcd [ 2006-04-04, 09:49 ] |
文章主題 : | |
wini 寫:
補充: - [問]有強制文字換行的擴充套件嗎? - DOM Inspector 導覽手冊 提醒大家:
大家好好玩啊~ ![]() |
發表人: | fang5566 [ 2006-04-04, 19:58 ] |
文章主題 : | |
怎么都是该字体大小 ? ![]() |
發表人: | Ada [ 2006-04-06, 17:01 ] |
文章主題 : | |
1394 寫: goldie 寫: 推~* ![]() 原來不僅搞網頁,連自身界面也可惡搞 ![]() 早安! 推啊~~ 還附詳細中文說明這個好 正覺得 SpoofStick 的字太大又無法調整,我需要Very Small ![]() 說不一定能調小只是我還不會用 Stylish 這個套件..還沒安裝 ![]() 我也覺得 SpoofStick 的字好大... 所以中文化時特地改小了些... 不過改過的版本似乎只適合在 1280x1024 下顯示... |
發表人: | arphen [ 2006-04-07, 13:17 ] |
文章主題 : | |
coolcd 寫: 這主題應該很好玩的,我來起個頭吧!
內容我都試過,應該算是有效果, 但我也只是玩玩,所以寫法應該有改善空間啦~ 我試著改變DOM Inspector視窗的字體大小(如下),但只有選單以及網址列會受到影響。 代碼: @-moz-document url("chrome://inspector/content/inspector.xul") {
window * {font-size: 12px;} } 請問諸位高手,如何改下面的樹狀節點部份? Thanks! |
發表人: | coolcd [ 2006-04-07, 23:03 ] |
文章主題 : | |
arphen 寫: 我試著改變DOM Inspector視窗的字體大小(如下),但只有選單以及網址列會受到影響。
代碼: @-moz-document url("chrome://inspector/content/inspector.xul") { window * {font-size: 12px;} } 如何改下面的樹狀節點部份? Thanks! 我想你需要多研究 Dom Inspector 的用法(其實我也不是很瞭解),可以參考前面 wini 提到的 yuoo2k 的教學。找出 id 或節點後,寫 CSS 就好了。 看似簡單,其實問題還是蠻多的, 不過我 CSS 太弱啦~ XD 得請其他 CSS 高人指導一下 為什麼 window * 或者 #winInspectorMain * 沒有包括以下所有的節點呢? ex. #winInspectorMain * {font-size: 16px;} 並沒有改到在 #winInspectorMain 底下的 #trDOMTreeBody 的字體大小。 另外,推薦一個 Style: 把 Inactive 的分頁標籤設成半透明 |
發表人: | yutuyu [ 2006-04-08, 12:35 ] |
文章主題 : | |
最近看見一篇關於改 user.js 來變更樣式的教學: viewtopic.php?t=2722&view=previous 有感而發,我想請教一下: 怎樣用 Stylish 設定 "雙擊滑鼠就幫您滾動網頁,再按一下就停止滾動" 呢? |
發表人: | coolcd [ 2006-04-08, 13:07 ] |
文章主題 : | |
yutuyu 寫: 最近看見一篇關於改 user.js 來變更樣式的教學:
viewtopic.php?t=2722&view=previous 有感而發,我想請教一下: 怎樣用 Stylish 設定 "雙擊滑鼠就幫您滾動網頁,再按一下就停止滾動" 呢? 我想針對特定網站執行特定 script 是 GreaseMonkey 在做的事吧 不是 Stylish 在做的事 |
發表人: | 浩 [ 2006-04-08, 13:25 ] |
文章主題 : | |
在userstyles.org看到了這篇 http://userstyles.org/style/show/178 主要是將google的字型變為Tahoma 並改變大小為8pt 可是我經常會有時後有改變有時卻沒有改變 像是用拖移搜尋 要怎樣才能使它完全改變呢 |
發表人: | coolcd [ 2006-04-08, 13:34 ] |
文章主題 : | |
浩 寫: 在userstyles.org看到了這篇
http://userstyles.org/style/show/178 主要是將google的字型變為Tahoma 並改變大小為8pt 可是我經常會有時後有改變有時卻沒有改變 像是用拖移搜尋 要怎樣才能使它完全改變呢 這一篇主要是討論 Fx 介面修改的問題,關於網站樣式的修改,有其他更適合的討論串,或者你也可以另開討論串。 [分享]用 Stylish 來自訂網頁樣式 |
發表人: | coolcd [ 2006-04-09, 13:25 ] |
文章主題 : | |
代碼: @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* 設定個人書籤列每個項目的最大寬度 */ #bookmarks-ptf toolbarbutton { max-width: 100px !important; } 其中,100px 是可以自己調整的。 |
發表人: | coolcd [ 2006-04-12, 20:10 ] |
文章主題 : | |
Stop or Reload 原始網址 代碼: @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* 將「停止」與「重新讀取」合併成一個按鈕 */ #stop-button[disabled="true"] { display:none; } #stop-button:not([disabled]) + #reload-button { display:none; } 使用這個 CSS 可能很多人 Reload Button 無法隱藏,若你遇到這種情況,請先「自訂」你的工具列,把 Stop Button 移到緊鄰 Reload Button 的左邊。 更多關於改變介面 CSS 的整理 |
第 1 頁 (共 4 頁) | 所有顯示的時間為 UTC + 8 小時 |
Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |