カスタマイズ・レコード９ －区切り線－

【区切り線：本文－フッタ部分・コメント】

KOROPPYの本棚さんの
　　「フッター部をリッチテンプレート風に」　
　　「コメントごとにアイコンと区切り線を表示する」　を
参考にさせていただいて、カスタマイズをしてみました。

１．本文－フッタ部分
本文の区切りとしてフッタ部分に画像を挿入してみました。
本文を幾つか表示しても、メリハリがつくようになったと思います。
以下のタグを、カスタムCSS　に加えました。

.entry p.posted {
color: #666666;
font-family: Verdana, Arial, sans-serif,'MS PGothic',
'Hiragino Kaku Gothic Pro W3', Osaka;
font-size: x-small;
font-weight: normal;
margin-bottom: 25px;
line-height: normal;
padding-left: 3px;
padding-ritht: 3px;
padding-bottom:3px;
padding-top: 3px;
}
.post-footers {
display: block;
background-image: url(http://～/○○○.gif);
　　　　※ご自分のファイルをアップした絶対パスを記入
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 35px;
}

２．コメント欄
コメント欄にも区切り線を挿入し、稿者欄にお花の画像をつけてみました。
参考にさせていただいたページは、KOROPPYの本箱さん経由
ぞうさんちV3さんの「ココログのスタイルシート変更」　です。
以下のタグを、カスタムCSS　に加えました。

.comment-content { border-bottom: 1px dotted #999999; }
　　　　　　　　　　　　　　　※#～：希望するカラーコードを記入
.comment-content p.posted {
background-image:url(http://～/○○○.gif);
　　※ご自分のファイルをアップした絶対パスを記入
background-repeat:no-repeat;
background-position:right; padding: 1px 15px 1px 1px;
}

白紙領域がなくなって、却って落ち着いたと思います。