2012年9月5日水曜日

Firefoxではてなブックマークを見やすくする

お気に入りの人のコメントは色つきにする

まずはFirefoxにサイトごとにスタイルシートを追加適用できるようにするアドオンStylishをインストールする。
Stylishの使い方及びスタイルシートの適用の仕方についてはここではやらないのでググって(滅)

① はてなブックマークを開いて「お気に入り」のメンバーの画像を全部選択してCTRL+C→テキストエディタにCtrl+Vする

image

image

すると、このようにidの一覧を得ることができる。

② 先頭部分(半角スペース4個)を「#bookmark-user-」に置換する

image

③ 行末に「,」をつける。最後の1つにはつけない(全部を置換した後、削除がラク)

image

④ この一覧を使って次のようなスタイルシートを作成する

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("b.hatena.ne.jp") {
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://b.hatena.ne.jp/entry) {
/*強調する自分のはてなidを"#bookmark-user-********"で記述*/
/*ここでは緑背景*/
#bookmark-user-F-SQUARE
{
border-radius:5px !important;
background:lightgreen !important;
border: 1px dashed green !important;
-moz-box-shadow: 3px 3px #999999;}
/*お気に入りのidのコメントは赤背景*/
#bookmark-user-katoyuu,
     ↑
この部分に作ったリストをコピペ
     ↓
#bookmark-user-seiyuDB,
#bookmark-user-triggerhappysundaymorning
{
border-radius:5px !important;
background:#FFCCCC !important;
border: 1px dashed #FF0000 !important;
-moz-box-shadow: 3px 3px #999999;}
}

⑤ これを適用すると……

imageimage
な感じになってとても探しやすくなる。
CSSがわかる人は、CSSの記述を工夫して好みのスタイルになるように調整することもできる。


0 件のコメント:

コメントを投稿