半地下備忘録

たつさんの日記的ななにか。

はてなブログのテーマNaturalで最新の記事と人気の記事のスタイルを揃えました

f:id:tatsu-n:20150205221422p:plain

大したことではないんだけど、最新記事は記事タイトルの区切りに線があって、人気の記事には線がなかったので、ちょこっとCSSを追加して、スタイルを揃えてみました。

完成形

f:id:tatsu-n:20150205221725p:plain


CSS

.hatena-module-body ul li{
	border-bottom: 1px solid #ddd
}

このソースをはてなブログのダッシュボードからデザインを選んで、カスタマイズタブからデザインCSSを選んで、一番下にさきほどのソースを追加するだけ。

f:id:tatsu-n:20150206092116p:plain


見た目のちょっとしたところだけど、できる事からやっていきましょうー。

はてなブログ(テーマ:Natural)に合わせて見出し(H3)のデザインを変更 - 半地下備忘録
はてなブログに関連記事を記事下に表示する方法 - 半地下備忘録


作りながら学ぶ HTML/CSSデザインの教科書

作りながら学ぶ HTML/CSSデザインの教科書