舊文件

此處文件僅供參考,請自行考量時效性與適用程度,其他庫藏文件請參考文件頁面
我們亟需您的協助,進行共筆系統搬移、及文件整理工作,詳情請查閱參與我們

「Firefox 一分鐘教室-userChrome.css」修訂間的差異

出自 MozTW Wiki

隱藏無ID物件
自訂自己的瀏覽器界面
行 10: 行 10:
 
:::貼進去。(14pt可以改成15pt、20pt、或其它你想要的值)
 
:::貼進去。(14pt可以改成15pt、20pt、或其它你想要的值)
 
::3. 將此檔案存檔,最後把Firefox關掉,重開一次。
 
::3. 將此檔案存檔,最後把Firefox關掉,重開一次。
 +
===設定搜尋列寬度===
 +
@namespace url(<nowiki>http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</nowiki>);
 +
/* 設定搜尋列寬度 */
 +
#search-container, #searchbar {
 +
min-width: 10px !important;
 +
width: 100px !important;}
 +
:::*貼進userChrome.css,將此檔案存檔,把Firefox關掉,重開一次。(100px可以改成70px、200px、或其它你想要的值)
 +
<!--
 +
/* 設定搜尋列寬度 */
 +
#search-container, #searchbar {
 +
min-width: 6em !important;
 +
width: 9em !important;
 +
max-width: 9em !important;
 +
}
 +
 +
.searchbar-box {
 +
width: 9em !important;
 +
}
 +
 +
.searchbar-textbox, .searchbar-textbox .textbox-input-box, .searchbar-textbox .textbox-input-box .textbox-input {
 +
width: 8em !important;
 +
max-width: 8em !important;
 +
}
 +
 +
.searchbar-dropmarker-image {
 +
display:none !important;
 +
}
 +
-->
 +
 
==隱藏書籤裡的"全部同時開啟"==
 
==隱藏書籤裡的"全部同時開啟"==
 
:*把
 
:*把

於 2006年12月3日 (日) 14:28 的修訂

userChrome.css 設置了Firefox用戶瀏覽器界面中可變元素的顯示規則。

建立userChrome.css

  • Profiles下的 \chrome\ 子目錄裡,新建一個userChrome.css。

自訂自己的瀏覽器界面

Firefox 一分鐘教室-縮放字體大小

  • 修改瀏覽器界面的字體大小
  1. 以Notepad或WordPad開啟userChrome.css
*{font-size: 14pt !important}
貼進去。(14pt可以改成15pt、20pt、或其它你想要的值)
3. 將此檔案存檔,最後把Firefox關掉,重開一次。

設定搜尋列寬度

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* 設定搜尋列寬度 */
#search-container, #searchbar {
min-width: 10px !important;
width: 100px !important;}
  • 貼進userChrome.css,將此檔案存檔,把Firefox關掉,重開一次。(100px可以改成70px、200px、或其它你想要的值)

隱藏書籤裡的"全部同時開啟"

/*隱藏書籤裡的"全部同時開啟"*/
menuitem[class="openintabs-menuitem"], menuseparator[class="openintabs-menuseparator"]
{ display: none !important; }
貼進userChrome.css,將此檔案存檔,把Firefox關掉,重開一次。


隱藏右鍵選單裡的項目

隱藏用新視窗開啟鏈結

#context-openlink{ display: none !important; }/*隱藏用新視窗開啟鏈結*/
  • 貼進userChrome.css,將此檔案存檔,把Firefox關掉,重開一次。

隱藏郵寄...

#context-sendlink, /*郵寄此鏈結*/
#context-sendpage, /*郵寄網址*/
#context-sendimage /*郵寄此圖片*/ 
{ display: none !important; }
  • 貼進userChrome.css,將此檔案存檔,把Firefox關掉,重開一次。

隱藏翻頁,重載,停止

#context-back, /*上一頁*/
#context-forward, /*下一頁*/
#context-reload, /*重新載入*/
#context-stop /*停止*/ 
{ display: none !important; }
  • 貼進userChrome.css,將此檔案存檔,把Firefox關掉,重開一次。

隱藏...

  • 參見http://kb.mozillazine.org/Chrome_element_names_and_IDs


找到想要的元素的id

  • Firefox,它的介面架構是使用一個稱為 DOM 的樹狀結構來表示,你可以在安裝Firefox的時候,使用 [自訂安裝] 即可選擇一個稱為 "DOM Inspector" 的套件來安裝。這個套件的功能正如其名: 它能讓您輕易的觀察 DOM 的樹狀結構。有安裝的話,就可以在 [工具] 選單下找到它。
  • 執行 "DOM 觀察器",
  1. 主選單->檔案->觀察視窗...。這裡會列出所有目前 Firefox 已開啟的視窗標題,選取第一個表示我們想要觀察 Firefox 主視窗。
  2. 接下來按下 DOM 觀察器的工具列上第一個按鈕(它的描述是"選擇節點以觀察之")。
  3. 按一下後拿滑鼠去點 Firefox 主選單上的 "瀏覽(G)",您會看見該項目周邊閃紅框表示指定成功!
  4. 回到 DOM 觀察器就可以看到,它已經找到並展開您剛點取的 "瀏覽(G)" 在 DOM 中的位置。
  5. 右方窗格中您可以看到該 Node 的詳細資訊。
  • 使用 DOM 觀察器,這是找出介面上您想要元素資訊的一個好方法。而在進行 Overlay 時,其實可以用來指定的不只是 id,您可以用該元素的任何屬性來指定。

隱藏無ID物件

  • 用它的 src
menuitem[src="chrome://XXX"] { display: none !important; }
隨便又方便的方法,可能有副作用;只要它有特殊的屬性, 就可以利用這屬性來隱藏它。


參見

個人工具