2006-05-17 (Wed)

mixi を見やすくする userContent.css

mixi が仕様変更をしてコメントの未読管理がちゃんと行なわれるようになったので、Mixi Organizer はほとんど意味がなくなってしまいましたが、まだ一部のページ(足跡とか)ではリンクの色が元のままだし、外部ブログへのリンクに下線を追加する機能もあるのでまだ使ってくれているかもしれませんが、そのくらいの機能だったら Firefox 標準機能の userContent.css を使えば実現可能なので、Mixi Organizer は捨てちゃいましょう。

userContent.css ってなんじゃい?って人は、Firefox まとめサイトのページ が詳しいのでそちらを御覧下さい。

というわけで順番に紹介。そのまんま userContent.css に張り付ければ動くようになっています。Firefox1.5 以上のみ対象なので、古いのを使っている人は利用出来ません。

まず訪問済みのリンクに色を付けて、外部ブログへのリンクに下線を付ける方法。

@-moz-document domain(mixi.jp) {
   a:visited {
      color:#996699 !important;
   }

   a[href*="view_diary.pl?url="] {
      border-bottom: dashed 1px #333;
      text-decoration: none !important;
   }
}

#996699 とか #333 って部分を変えれば自分好みの色に出来ます。userContent.css を書き換えたら Firefox の再起動が必要なので、この辺も注意。

あと Mixi Organizer には無いんだけど、最近やってるのがコレ。プロフィールとコミュニティの画像に対して未読か既読がわかるように色を付ける。

@-moz-document domain(mixi.jp) {
   a[href*='show_friend.pl']    img[src*='member'] ,
   a[href*='view_community.pl'] img[src*='comm']   {
      border-bottom: solid 2px !important;
   }
}

こんな風に画像に下線が付くようになる。

sample image


Posted by Kyosuke Takayama at 2006-05-17 (Wed) 16:27 printable version

この記事へのコメント

コメントはお気軽にどうぞ

Cookie に保存しますか?


・スパム対策のため、http:// を含むコメントの投稿は出来ません。
・スパムチェックのため、投稿がすぐに反映されない場合があります。
・メールアドレス入力欄には何も入力しないでください。

トラックバック

トラックバックURL: http://espion.just-size.jp/mt-tb.cgi/578


この記事のリンク元

 
Copyright (C) Kyosuke Takayama, All rights reserved.