コメントごとにアイコンと区切り線を表示する

コメント部の投稿者の前に小さなアイコンを表示させ、コメントの区切りごとに下線を挿入しました。
小さな花アイコンは、Little Edenさまにお借りしました。

オリジナルはぞうさんちv3さまの「ココログのスタイルシート変更」です。

コメントとコメントの間に罫線を入れる場合は、.comment-contentにborder-bottomを設定する。
ひとつのコメントを罫線で囲む場合は、.comment-contentにborderを設定する。

という文章があったので、実際に導入してみました。

私がCSSに追加した記述は、以下の通りです。
URLは、ご自分でアップロードしたファイルに変更してください。

.comment-content { border-bottom: 1px dotted #999999; }
.comment-content p.posted { background-image:url(http://xxxx.cocolog-nifty.com/blog/images/pointmini.gif); background-repeat:no-repeat; background-position:left top; padding: 1px 1px 1px 15px; }

コメントの沢山ついているエントリが、読みやすくなりました。

上記のクラス名はココログの場合です。
お使いのサービスに合わせて、適宜変更してください。

例》seesaaは以下のように変更します。
「comment-content」→「comments-body」
「comment-content p.posted」→「comments-post」