メモ
カテゴリーが増えてきたので、はてなブログの「カテゴリー」欄のリストをcssで横並べにしてみた。
「デザインCSS」に
div.hatena-module-category div.hatena-module-body ul li {
display: inline-block;
}
を追加。
あとはmarginそのほか微調整。display:inline;だと、なぜかうまくいかない。
Ads by Google
「カテゴリー」の順番は、次の情報でカスタマイズができます。
サイドバーの「カテゴリー」を好きな順番に並べ替えできるようにしました - はてなブログ開発ブログ
これまでも「記事が追加された順」「記事が多い順」「アルファベット順」の3種類の並び順を提供していますが、新しく追加した「カスタム順」に設定することにより、カテゴリーの並び順を自由に変更できます。どうぞご利用ください。
参考サイト：
CSSの display: inline、display: block、display: inline-block をマスターしよう！ | たねっぱ！
【CSS】ul,olのリストを横並びにするときにfloatじゃなくてdisplay:inline-blockを使う方法 | delaymania
【改訂版】はてなブログ サイドバーのカテゴリ表示をタグクラウドにする！ - TMD45INC!!!
