こんにちは。
アメブロ簡単カスタマイズの松田です。
以前サイドバーのリスト一覧を点線で区切るというカスタマイズをご紹介したのですが、ご紹介したソースが間違っておりました。
大変申し訳ありません。
現在は記事を修正させていただいておりますので、お試しになられていた方は再度修正後のソースでご利用いただければと思います。
さて今回はその点線で区切るカスタマイズと合わせて行うとより見やすくなるリスト一覧の行間を広げるカスタマイズをご紹介します。
リストマークを付け、それを点線で区切り、さらに行間を広げるととても見やすいリスト一覧になります。^^
ビフォアアフターはこんな感じです。

以下のソースをCSSに追記すると、最新の記事一覧が点線で区切られ、行間を広げることができます。
【旧デザインスキン】
【新デザインスキン】
10pxの値はお好みで調節してくださいね。
アメブロ簡単カスタマイズの松田です。
以前サイドバーのリスト一覧を点線で区切るというカスタマイズをご紹介したのですが、ご紹介したソースが間違っておりました。
大変申し訳ありません。
現在は記事を修正させていただいておりますので、お試しになられていた方は再度修正後のソースでご利用いただければと思います。
さて今回はその点線で区切るカスタマイズと合わせて行うとより見やすくなるリスト一覧の行間を広げるカスタマイズをご紹介します。
リストマークを付け、それを点線で区切り、さらに行間を広げるととても見やすいリスト一覧になります。^^
ビフォアアフターはこんな感じです。

以下のソースをCSSに追記すると、最新の記事一覧が点線で区切られ、行間を広げることができます。
【旧デザインスキン】
#recent_entries .menu_frame ul li {
border-bottom:1px dotted #999999;
padding-top:10px;
padding-bottom:10px;
}
border-bottom:1px dotted #999999;
padding-top:10px;
padding-bottom:10px;
}
【新デザインスキン】
.recentEntriesMenu .skinSubList li{
padding-top:10px;
padding-bottom:10px;
}
padding-top:10px;
padding-bottom:10px;
}
10pxの値はお好みで調節してくださいね。