上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
Comments
  • こんばんは。
    ストライプの件では、私も同じように困っていまして、ここにたどり着きました。
    作成されたCSSを以下におけばよいとのことですが、以下のようなフォルダは
    存在しません。フォルダを作成してtree.cssを保存すればよいのでしょうか。
    もう少し、具体的に教えていただけると嬉しいのですが。
    thunderbirdはVer13です。
    C:\Program Files (x86)\Mozilla Thunderbird\omni.ja
    \chrome\toolkit\skin\classic\aero\global\tree.css

    Europa 2012-06-09 20:26
  • まず拡張機能の Stylish を導入します。
    https://addons.mozilla.org/ja/thunderbird/addon/stylish/

    メニュー → ツール → アドオン で、アドオンマネージャを開きます。

    左側の ユーザースタイル を選択 → 新しいスタイルを書く ボタン

    (odd) を (even) に変えると…… のスタイルか、もしくは、
    こっちはマウス・ホバー時の…… のスタイル、どちらかをコピペ。

    「ストライプ」などと適当な名前を付けて保存。

    の、手順で多分いけると思います。

    多分ツールバーに Stylish のボタンがあるかと思いますが、無ければ
    ツールバー右クリからカスタマイズで、ボタンをドロップして下さい。
    そのボタンからスタイルの有効/無効が切り替えられます。

    記事中で Stylish が何なのかは説明してないので、
    使ったことが無いと、記事の意味が分からないですよね。


    今回扱った部分の…… 以降の内容は無視して下さい。 そこからの内容は、
    今回書いたようなスタイルを自分で書こう、という時のためのヒントです。

    omni.ja をどこか別の場所にコピー。 omni.ja を omni.zip とリネーム。
    解凍(展開)。 すると tree.css に辿り着けます。

    Thunderbird のスレッド部分等の見た目を規定するスタイル
    が tree.css に書かれています。 あそこのタテの長さは何pxとか。


    Firefox に Stylish を導入すれば、自分がよく見るサイトの見た目
    を変えることも出来ますよ。 文字のサイズを大きくする、とか。 例↓
    http://ginbanyoku.blog67.fc2.com/blog-entry-135.html


    長々書いてしまいました。 そんなわけなんですが、いかがでしょうか。
    ストライプ化できますかね。

    goza@管理人 2012-06-10 22:53
  • 早速のご回答ありがとうございます。
    以前、thunderbirdやFirefoxをCSSで変更していたので
    何とかできると思います。
    現在、出張中なので、帰り次第やってみます。
    何かあれば、再度質問するかもしれませんが、よろしく
    お願い申し上げます。

    Europa 2012-06-11 00:50
  • こんにちは。
    ストライプの件、できました。
    色を多少変更しました。
    大変お世話になりました。Stylishは
    なかなか便利ですね。教えていただき
    重ねて感謝申し上げます。

    名無し 2012-06-11 13:39
  • おお、上手くいきましたか。 良かったです。。

    goza@管理人 2012-06-11 22:54
Post a Comment
管理人にだけ表示を許可する
コメント投稿時いったん画像認証のページへ移動します。
スパム・コメントが止まないもんで、面倒おかけします。 m(_ _)m

Thunderbird スレッド・ペイン背景色をストライプに

Zebra Striping

メール一覧部をシマシマに。 リスト表示部を縞模様に。
一行ごと交互に色を変える。 zebra striping thread pane.

 
Thunderbird 3 のサポートが終了してしまったのでアップグレードしました。
そしたらスレッド・ペイン背景色が、
3 の時はストライプだったのに、白一色になってしまいました。 なして???

以前のようにストライプにしたい! その方が視認性が良いので。
ってことで CSS です。 Stylish などに。

 

(odd) を (even) に変えると、偶数行になります。 下から数えて。

#threadTree treechildren {
	background-color: #eef3fa;
}
#threadTree treechildren::-moz-tree-row(odd) {
	background-color: white;
}

 
こっちはマウス・ホバー時の背景色も変えてみました。
あとタグを付けたメールの背景色を、うっすらタグ色にしてみた。


 
 

 
今回扱った部分のスタイルはここ。

C:\Program Files (x86)\Mozilla Thunderbird\omni.ja
\chrome\toolkit\skin\classic\aero\global\tree.css

 
DOM Inspector で調べたのですが、具体的にどうやってそこに辿り着いたかというと…

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

 
chrome://messenger/content/messenger.xul

▼#document
 ▼window #messengerWindow
  ▼hbox #tabmail-container
   ▼tabmail #tabmail
    ▼xul:tabbox .tabmail-tabbox
     ▼tabpanels #tabpanelcontainer .plain
      ▼box #mailContent
       ▼box #messengerBox
        ▼vbox
         ▼box #messagesBox
          ▼deck #displayDeck
           ▼hbox #threadPaneBox
            ▼vbox #threadContentArea
             ▼tree #threadTree
              ▼xul:stack .tree-stack
               ▼xul:treerows .tree-rows
                ▼xul:hbox .tree-bodybox
                 ▼treechildren

 
DOM Node から XBL Bindings へ

右側 Object - DOM Node 左のアイコンをクリックで XBL Bindings を選択。

 

#treebody から # tree-base へ

ドロップダウン・メニューから #tree-base を選択。

 

Resources

Resources タブ → stylesheet を右クリで View File

 

tree.css

はい、着きました。
タイトルバーにパスが表示されてます。

 

あと今回の部分もうひとつ。ここ。

C:\Program Files (x86)\Mozilla Thunderbird\omni.ja
\chrome\classic\skin\classic\aero\messenger\tagColors.css

こっちは単にエクスプローラで検索しました。

 

というわけで、カスタマイズ時のヒントになればと。。

 

関連記事:
Comments
  • こんばんは。
    ストライプの件では、私も同じように困っていまして、ここにたどり着きました。
    作成されたCSSを以下におけばよいとのことですが、以下のようなフォルダは
    存在しません。フォルダを作成してtree.cssを保存すればよいのでしょうか。
    もう少し、具体的に教えていただけると嬉しいのですが。
    thunderbirdはVer13です。
    C:\Program Files (x86)\Mozilla Thunderbird\omni.ja
    \chrome\toolkit\skin\classic\aero\global\tree.css

    Europa 2012-06-09 20:26
  • まず拡張機能の Stylish を導入します。
    https://addons.mozilla.org/ja/thunderbird/addon/stylish/

    メニュー → ツール → アドオン で、アドオンマネージャを開きます。

    左側の ユーザースタイル を選択 → 新しいスタイルを書く ボタン

    (odd) を (even) に変えると…… のスタイルか、もしくは、
    こっちはマウス・ホバー時の…… のスタイル、どちらかをコピペ。

    「ストライプ」などと適当な名前を付けて保存。

    の、手順で多分いけると思います。

    多分ツールバーに Stylish のボタンがあるかと思いますが、無ければ
    ツールバー右クリからカスタマイズで、ボタンをドロップして下さい。
    そのボタンからスタイルの有効/無効が切り替えられます。

    記事中で Stylish が何なのかは説明してないので、
    使ったことが無いと、記事の意味が分からないですよね。


    今回扱った部分の…… 以降の内容は無視して下さい。 そこからの内容は、
    今回書いたようなスタイルを自分で書こう、という時のためのヒントです。

    omni.ja をどこか別の場所にコピー。 omni.ja を omni.zip とリネーム。
    解凍(展開)。 すると tree.css に辿り着けます。

    Thunderbird のスレッド部分等の見た目を規定するスタイル
    が tree.css に書かれています。 あそこのタテの長さは何pxとか。


    Firefox に Stylish を導入すれば、自分がよく見るサイトの見た目
    を変えることも出来ますよ。 文字のサイズを大きくする、とか。 例↓
    http://ginbanyoku.blog67.fc2.com/blog-entry-135.html


    長々書いてしまいました。 そんなわけなんですが、いかがでしょうか。
    ストライプ化できますかね。

    goza@管理人 2012-06-10 22:53
  • 早速のご回答ありがとうございます。
    以前、thunderbirdやFirefoxをCSSで変更していたので
    何とかできると思います。
    現在、出張中なので、帰り次第やってみます。
    何かあれば、再度質問するかもしれませんが、よろしく
    お願い申し上げます。

    Europa 2012-06-11 00:50
  • こんにちは。
    ストライプの件、できました。
    色を多少変更しました。
    大変お世話になりました。Stylishは
    なかなか便利ですね。教えていただき
    重ねて感謝申し上げます。

    名無し 2012-06-11 13:39
  • おお、上手くいきましたか。 良かったです。。

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

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

リンク

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

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

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