Stylishを使って [ Firefoxの見た目を変える ]


 
Stylish を使って ユーザースタイルシートを適用すると
Firefoxの見た目を簡単に変更できます。
 
userChrome.css や userContent.css を編集するのと違い
即座に変更を 反映できるようになります。
 
[以下 一部引用]



Firefoxアドオン[Stylish]をまだインストールしていない方は...
 

【 動作確認バージョン 】 (確認日: 2012年3月)
Firefox 11.0
Stylish 1.2.6

新しいスタイルを書く


アドオンバーの左にある[アイコン]をクリック →
メニューの「新しいスタイルを書く」 →
「白紙のスタイル」を選択   → 「新しいスタイル」ウィンドウが開きます。

Stylish1



1.【 名前をつける 】

変更項目ごとにタイトルを付けられるので、
何を変更したか分かるようなタイトルにしておけば、管理も楽になります。


Stylish10



2.【 挿入 】

userChrome.css に記述するような
Firefox の外観を変更する ユーザースタイル の時は、
「挿入ボタン」→メニューから「XUL 名前空間を標準とする」を選択します。


Stylish11

・エディタ部の一行目に[何か]が挿入されます。

Stylish12



3.【 貼り付け 】 ユーザスタイルを貼り付けます。
4.【 お試し 】 適用したスタイルに問題がないか試します。
5.【 保存 】 「お試し」で問題なければ「保存」ボタンを押します。

Stylish13

※ 注![お試し]だけでは、即、反映されない場合もあります。



ユーザースタイルの管理で 編集/無効化/削除


■ メニューの「スタイルの管理」 →
    [アドオンマネージャー] の [ユーザースタイル] 画面が開きます。

Stylish15

【 ユーザースタイルの管理 】
 
■ ユーザースタイルの編集/無効化/削除を行います。

Stylish14



メニュー項目クリックで スタイル ON/OFF


「挿入」 → 「XUL 名前空間を標準とする」で入れた一行部分を、
  削除するとメニューに表示できるようになりますが...


メニュー項目上のマウス右クリックで 編集/無効化/削除


■ メニュー項目の右クリックで、簡単 [ 編集/無効化/削除 ]

Stylish8



追記:


■ Firefox29からアドオンバーがなくなったので メニューバーアイコンから操作します。

fuftuks.png


■ 新しいユーザースタイルシートを適用する場合は
プロファイルをバックアップしておいたほうがいいかもです。
  
不正な値のスタイルを保存してしまうと Firefoxの表示がおかしくなったり
操作不能になってしまいます。
キー操作ができる場合はアドオンマネージャを Ctrl + Shift + A で開き スタイルを削除します。)
  
最悪、Firefox が起動できなくなった場合は
バックアップしておいたプロファイルに戻します






関連記事
プロフィール

Author:zubolla
  
あ~
めんどくちゃい めんどくちゃい

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム