はてなブックマークの個別エントリページをユーザスタイルシートで見やすくする
とにかく見づらいと評判の、はてなブックマーク個別エントリページの表示を改善するユーザスタイルシートを作成しました。
個別エントリページ用ユーザスタイルシート
文字色が見づらいという意見が多く見られますが、個人的には無駄な余白の方が気になったので、そちらを重点的に変更しています。
「すべて」を選んだ際、コメントの無いブックマークは表示されないようになるので、スクロールが大幅に減らせます。(追記＠2013/03/03 「すべて」は表示が遅いのでコメントを全部読みたい場合は「新着コメント」を見た方がよいかもしれません)
/* 適用先(次で始まるURL)
http://b.hatena.ne.jp/entry
*/
ul.ad-head-text, div.ads-entry, li.ad-unit {
display: none !important;
}
div.box3_1 h2 {
margin-top: 0 !important;
}
#bookmarks {
background-color: transparent !important;
}
ul.bookmark-list li {
margin-bottom: 4px !important;
border-bottom: 1px solid #eee !important;
}
ul.bookmark-list li.nocomment {
display: none !important;
}
a.profile-icon img {
width: 32px !important;
height: 32px !important;
}
span.tags {
display: none !important;
}
div.comment-container {
border: none !important;
margin: -22px 0 0 42px !important;
padding: 0 !important;
background-color: transparent !important;
}
div.comment-container::before {
border: none !important;
}
適用前後の比較です。
設定方法等ははてなブックマークのhotentryをユーザスタイルシートで見やすくするを参照して下さい。
はてなブックマークユーザの声など
- はてブの個別ブクマページ（新デザイン）の見やすさをCheck My Coloursで調べた結果がひどい - みやきち日記
配色はそれほど気にならなかったんですが、背景の中途半端なグレーは違和感がありますね。 - はてなブックマークリニューアルのインタビューに寄せて - カイ士伝
ユーザははてなに頑張って欲しいと思っているのに、運営側に伝わらないもどかしさ。
おわりに
最近のアップデートではてなブックマークのhotentryをユーザスタイルシートで見やすくする 2のナビゲーション部分がずれていたので、修正しておきました。併せてご利用下さい。
関連記事
- はてなブックマークのhotentryをユーザスタイルシートで見やすくする
- はてなブックマークのhotentryをユーザスタイルシートで見やすくする 2
- はてなブックマークのhotentryをUserScriptでキー拡張する
- はてなブックマークの個別エントリページをユーザスタイルシートで見やすくする
