すたすた式
Firefox
ツリー型タブ・Tree Style Tab（以降TST）を導入したので既存のタブ（上にあるタブ）を非表示にしました。
おおまかな作業手順
すでにchromeフォルダーやuserChrome.cssファイルがある方はコピペするだけです。
作者の方のGitHubにTSTをカスタマイズするコードがあります。
以下の記事は上記GitHubにある該当部分を適用させたものです。
一応、以前に書いたものは記事の最後に残して置きます。。。
はじめにuserChrome.cssファイルを読み込めるか確認します。
アドレスバーにabout:configと入力。Enterキーを押す。
about:config
[危険性を承知の上で使用する]をクリック。
設定名を検索するところにtoolkit.legacyUserProfileCustomizations.stylesheetと入力。
toolkit.legacyUserProfileCustomizations.stylesheet
右側の切り替えマークをつかって値をtrueにする。
右上の☰マークをクリック。[ヘルプ]-[他のトラブルシューティング情報]をクリック。
または、アドレスバーにabout:supportと入力してEnterキーを押すとトラブルシューティング情報の画面がでます。
about:support
プロファイルフォルダーの欄の[フォルダーを開く]をクリック。
開いたフォルダーのなかにchromeという名前のフォルダーを作ります。
次にメモ帳などのテキストエディターを開きます。
開いたテキストエディターに下記をコピペ
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items { opacity: 0; pointer-events: none; } #main-window:not([tabsintitlebar="true"]) #TabsToolbar { visibility: collapse !important; } Code snippets for custom style rules · piroor/treestyletab Wiki · GitHub
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items { opacity: 0; pointer-events: none; } #main-window:not([tabsintitlebar="true"]) #TabsToolbar { visibility: collapse !important; }
「ツリー型タブ」と書いてある部分も消したいなら下記も追加
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { display: none; } Code snippets for custom style rules · piroor/treestyletab Wiki · GitHub
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { display: none; }
[ファイル]-[名前を付けて保存]、ファイル名をuserChrome.css、文字コードUTF-8で保存。（保存先は先ほどつくったchromeフォルダーになりますが、エクスプローラーでは見つけにくいので、とりあえずデスクトップにでも保存してください。）
userChrome.css
作成したuserChrome.cssファイルを先ほどつくったchromeフォルダーのなかにドラッグアンドドロップで移動。
最後にFirefoxの再起動で適用されます。
【ツリー型タブ】アクティブタブの色を変えてみました。[Tree Style Tab]-すたすた式
ツリー型タブ・Tree Style Tab。 個人的にちょっとわかりづらかったアクティブタブの色をかえてみました
既存のタブ（上にあるタブ）を消す
tabbrowser-tabs { visibility: collapse !important; }
タイトルバーの表示
自分の環境だけかもしれませんが、右上の閉じるボタンなどが消えてしまいました。
そこでタイトルバーを出すことで、ボタン類を復活させました。
右上のメニューボタンからカスタマイズを選択。
左下のタイトルバーにチェックを入れて完了ボタンをクリック。
もしくは先ほどの画面でツールバーをクリック、メニューバーにチェックを入れてもいいと思います。
ツリー型タブと書いてある部分を消したい / 隠したい
#sidebar-header { visibility: collapse; }
サイト内検索に使ってください 🐤
© 2015 すたすた式
Enjoy!👍
QooQ
おかげで我が家のFirefoｘもすっきり見やすくなりました。ありがとうございまっす！
返信削除お役に立てて何よりです
削除