del.icio.usを自分好みに

投稿者: | 2006年10月22日

ソーシャルブックマークはずっとdel.icio.usを使っているけれど、サイトのデザインに個人的にいくつか不満があったのでユーザースタイルシートを書いてみる。
まず「saved by xx other people」という表示が、背景色の濃度によっては非常に見づらくなる(ピンクの濃淡の中のリンク色だからねぇ)。
ソースを調べると背景色はsavedの数によっての変化を直接その都度書き込んでしまっているようなので、別の色にするという考えはとりあえずあきらめ、リンク色の文字色の方をもっと判別しやすいものにするという方向に。
変更前

変更後

次。
タグのクラウドがちょっと見づらい。
そもそも目があまり良くない私には基本となっている文字サイズがちょっと小さい。
そして、沢山ブックマークされているタグとそうではないタグとのサイズの変化が小さめなのでぱっと見分かりにくいときがある。さらに言えば(私の目では)使用頻度の低いタグとそうではないタグの区別がとっさには判断しにくい。
そこで、基本的なフォントサイズを少し大きくし、かつ、タグのサイズの変化を極端にし、そして使用頻度の低いタグは色を地味なものに変えてしまう。

 

かっこわるいという話もあるが、区別しやすくはある。
Firefox拡張Stylishに放り込んだコードが、以下。


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("del.icio.us") {
#delicious a.pop {
color:#000000 !important;
}
#delicious .bundles {
font-size:110% !important;
}
#delicious .bundles a.one {
color:#8da0cd !important;
}
#delicious .bundles .ten {
font-size: 200% !important;
}
}

おしまい。

Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Buffer this pageでシェア