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 ]
文章主題 : 

推~* :wink:

原來不僅搞網頁,連自身界面也可惡搞 :twisted: 讚!讚!讚!

發表人:  1394 [ 2006-04-04, 05:53 ]
文章主題 : 

goldie 寫:
推~* :wink:

原來不僅搞網頁,連自身界面也可惡搞 :twisted: 讚!讚!讚!


早安!
推啊~~ 還附詳細中文說明這個好
正覺得 SpoofStick 的字太大又無法調整,我需要Very Small :lol:
說不一定能調小只是我還不會用 Stylish 這個套件..還沒安裝 :oops:

發表人:  wini [ 2006-04-04, 08:17 ]
文章主題 : 

附上些相關的討論串:
- 以 DOM 觀察器來查詢 Fx 操作介面物件名稱的教學
- [分享]用 Stylish 來自訂網頁樣式

發表人:  coolcd [ 2006-04-04, 09:49 ]
文章主題 : 

wini 寫:

補充:
- [問]有強制文字換行的擴充套件嗎?
- DOM Inspector 導覽手冊

提醒大家:
  • 有時修改會在重新啟動 Fx 後才生效。
  • 修改方法百百種,以上只是其中一種寫法,不一定是最好的。
  • 除了字體大小,還可以改很多東西哦!


大家好好玩啊~ :D

發表人:  fang5566 [ 2006-04-04, 19:58 ]
文章主題 : 

怎么都是该字体大小 ? :shock:

發表人:  Ada [ 2006-04-06, 17:01 ]
文章主題 : 

1394 寫:
goldie 寫:
推~* :wink:

原來不僅搞網頁,連自身界面也可惡搞 :twisted: 讚!讚!讚!


早安!
推啊~~ 還附詳細中文說明這個好
正覺得 SpoofStick 的字太大又無法調整,我需要Very Small :lol:
說不一定能調小只是我還不會用 Stylish 這個套件..還沒安裝 :oops:


我也覺得 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/