Firefox:ブックマークボタンから表示されるメニュー項目の非表示、タブバーの位置調整
閉じる
閉じる

新しい記事を投稿しました。シェアして読者に伝えましょう

×

Firefox:ブックマークボタンから表示されるメニュー項目の非表示、タブバーの位置調整

2014-08-21 01:17
  • 1
Firefox ESR 24を使い続けていて、ようやくFirefox ESR 31に乗り換えました。
かなり見た目が変わってしまいましたね。

この新しいUIで気になったのが、次の2点です(下図参照)。
1) ブックマークボタンを押すと、ブックマークに関連するコマンドが多数表示されて、URLサイトの項目までマウスカーソルを動かす移動量が多い。めんどい。
2) タブバーの上に無駄なスペースがあって、その分、ページ表示領域が狭くなっている。



実はこれはFirefox 24のときも同じだったのですが、userChrome.cssで好みの状態にカスタマイズしてたのです。ところが、どうやらFirefox 29以降では従前のcssのやり方が通用しなくなっていたようで、ネットで調べて次のようなcssにすればよいことがわかりました。

userChrome.css
@charset "utf-8";
/*
* このファイルを編集して userChrome.css という名前で
* [プロファイルディレクトリ]/chrome/
* ディレクトリにコピーしてください。
*/

/*
* このファイルを使って Mozilla のユーザインターフェイスの見た目をカスタマイズ
* できます。デフォルト設定を上書きする場合は !important 宣言を使ってください。
*/

/*
* 次の @namespace 規則ではデフォルト名前空間を XUL にしています。
* 削除すると正常に動作しなくなるので、削除しないでください。
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


/*
* ブックマークボタンからの不要なメニューを削除
*/
#BMB_bookmarksPopup #BMB_viewBookmarksSidebar,
#BMB_bookmarksPopup #BMB_bookmarksShowAllTop,
#BMB_bookmarksPopup #BMB_bookmarksShowAllTop + menuseparator,
#BMB_bookmarksPopup #BMB_subscribeToPageMenuitem,
#BMB_bookmarksPopup #BMB_subscribeToPageMenupopup + menuseparator,
#BMB_bookmarksPopup #BMB_bookmarksToolbar,
#BMB_bookmarksPopup #BMB_unsortedBookmarks,
#BMB_bookmarksPopup #BMB_unsortedBookmarks + menuseparator
{ display: none !important; }


/*
* タブバーの上の無駄なスペースを減らす
*/
#tabbrowser-tabs
{ margin-top: -4px; }

このcssを適用した結果が下図です。


違いがおわかりいただけたでしょうか。ブックマークボタンはダイレクトに整理されたブックマークメニューにアクセスできるようになっています。タブバーの上のスペースは気持ち狭くなりました。もっとスペースを削りたいなら、最後の行の「-4px」を「-10px」のように指定すればいいです。ただし、あまりやりすぎるとメニューバーを表示するとタブバーに隠れてしまいます。メニューバーなんてもう使わないというならいいんですが。



ところで「userChrome.cssって何よ、わっかんないよ!」という方のために説明します。
userChrome.cssはFirefoxの見た目をカスタマイズできる設定ファイルで、中身はテキストファイルです。文字コードはUTF-8を指定して保存してください。それでこのファイルをFirefoxのプロファイルフォルダ下に置くと、Firefoxは起動時にそれを読み込んで見た目に反映するようにします。

Firefoxのプロファイルフォルダは次のようにして開くことができます。
・FirefoxのURL入力欄に「about:support」と入力してEnterキーを押します。
・アプリケーション基本情報という表が表示されます。その中のプロファイルフォルダという欄に「フォルダを開く」というボタンがあるので、これをクリックします。

これでプロファイルフォルダが開きました。その中に「chrome」というフォルダが無ければ、新しく作成します。「chrome」フォルダの中に先ほどの内容のuserChrome.cssをコピーし、Firefoxを再起動してください。

(2015/06/02追記)
Firefox38では、userChrome.cssの中の「不要なメニューを削除」の部分を次のようにしてください。
/*
* ブックマークボタンからの不要なメニューを削除
*/
#BMB_bookmarksPopup #BMB_viewBookmarksSidebar,
#BMB_bookmarksPopup #BMB_bookmarksShowAllTop,
#BMB_bookmarksPopup #BMB_bookmarksShowAllTop + menuseparator,
#BMB_bookmarksPopup #BMB_subscribeToPageMenuitem,
#BMB_bookmarksPopup #BMB_subscribeToPageMenupopup + menuseparator,
#BMB_bookmarksPopup #BMB_bookmarksToolbar,
#BMB_bookmarksPopup #BMB_unsortedBookmarks,
#BMB_bookmarksPopup #BMB_unsortedBookmarks + menuseparator,
#BMB_bookmarksPopup #BMB_readingList + menuseparator
{ display: none !important; }

赤字が追加になった部分です。


(2015/07/04追記)
Firefox39では、userChrome.cssの中の「不要なメニューを削除」の部分を次のようにしてください。
/*
* ブックマークボタンからの不要なメニューを削除
*/
#BMB_bookmarksPopup #BMB_viewBookmarksSidebar,
#BMB_bookmarksPopup #BMB_bookmarksShowAllTop,
#BMB_bookmarksPopup #BMB_bookmarksShowAllTop + menuseparator,
#BMB_bookmarksPopup #BMB_pocket,
#BMB_bookmarksPopup #BMB_pocketSeparator,
#BMB_bookmarksPopup #BMB_subscribeToPageMenuitem,
#BMB_bookmarksPopup #BMB_subscribeToPageMenupopup + menuseparator,
#BMB_bookmarksPopup #BMB_bookmarksToolbar,
#BMB_bookmarksPopup #BMB_unsortedBookmarks,
#BMB_bookmarksPopup #BMB_unsortedBookmarks + menuseparator,
#BMB_bookmarksPopup #BMB_readingList + menuseparator
{ display: none !important; }

赤字が追加になった部分です。

(2016/09/30追記)
Firefox49では、userChrome.cssの中の「不要なメニューを削除」の部分を次のようにしてください。
/*
* ブックマークボタンからの不要なメニューを削除
*/
#BMB_bookmarksPopup #BMB_viewBookmarksSidebar,
#BMB_bookmarksPopup #BMB_bookmarksShowAllTop,
#BMB_bookmarksPopup #BMB_bookmarksShowAllTop + menuseparator,
#BMB_bookmarksPopup #BMB_recentBookmarks + menuseparator,
#BMB_bookmarksPopup #BMB_subscribeToPageMenuitem,
#BMB_bookmarksPopup #BMB_subscribeToPageMenupopup + menuseparator,
#BMB_bookmarksPopup #BMB_bookmarksToolbar,
#BMB_bookmarksPopup #BMB_unsortedBookmarks,
#BMB_bookmarksPopup #BMB_unsortedBookmarks + menuseparator,
#BMB_bookmarksPopup #BMB_readingList + menuseparator
{ display: none !important; }

ブックマークメニューを右クリックして、「最近のブックマークを隠す」をクリックしてください。
広告
コメントを書く
コメントをするには、
ログインして下さい。