上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
Comments
Post a Comment
管理人にだけ表示を許可する
コメント投稿時いったん画像認証のページへ移動します。
スパム・コメントが止まないもんで、面倒おかけします。 m(_ _)m

Firefox のサイドバーの背景色を変える
& DOM Inspector の使い方

サイドバーの背景色を変える

デフォルトのテーマなど、サイドバーの背景色が真っ白のテーマなら
多分変えられると思います。使用しているテーマによっては、
class 名や id 名が違うので、その場合は…自分で調べてね。

Stylish を使用したやり方。userChrome.css でも出来ると思いますが、
いじってないので私はよくわかりません。

 
スタイルを書く → 空のスタイル で、

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
 
#bookmarks-view-children {
 background-color: なんたら !important;
}

もしくは

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
 
.sidebar-placesTreechildren {
 background-color: なんたら !important;
}

#bookmarks-view-children だと、ブックマークの所のみ。
.sidebar-placesTreechildren だと、履歴の背景色も変わります。

 
他にもブラウザの外観を変えたい場合は、
こちら ↓ に載ってるかもしれませんので、見てみて下さい。

ちなみに私はまだ Firefox を 3.5 に Ver.Up してないので、違ってたらゴメンナサイ。

 

DOM Inspector の使い方

class 名や id 名を自分で調べたい場合は、DOM Inspector を導入しましょう。

DOM Inspector と Stylish の使い方 - 朝顔日記

↑ に DOM Inspector の使い方の flash があるので、見ながら真似をすれば、
どうやって使うのか、なんとなくわかると思います。

個人的な使い方メモ

  • アドレスバーみたいなとこに
    chrome://browser/content/browser.xul と入力
  • Enter もしくは Inspect をクリック
  • 下にブラウザが表示される
  • 双眼鏡アイコンの隣の ポインタのアイコンのボタンを押す
  • 調べたいところをクリック
  • それらしい項目を選択
  • class か id のとこを右クリ
  • edit で copy

 

おまけのメモ。 Mozilla Firefox まとめサイトより。

userChrome.css クローム
> ブラウザ上の表示をコントロールできるスタイルシートです。

userContent.css コンテント
> 各ウェブサイトの表示をコントロールできるスタイルシートで、
> 俗にユーザースタイルシートと言われる物です。

 

関連記事:
Comments
Post a Comment
管理人にだけ表示を許可する
コメント投稿時いったん画像認証のページへ移動します。
スパム・コメントが止まないもんで、面倒おかけします。 m(_ _)m
 
カテゴリ

 
 町山智浩ポッドキャストまとめ
 
 iGain
 
 全記事タイトル一覧
 
iTunes Store へのリンクについて
プライバシーについて

リンク

Mozilla Firefox ブラウザ無料ダウンロード

にほんブログ村 IT技術ブログ フリーソフトへ
 
Photo by
EyesPic - フリー画像素材

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。