コメントとコメントの境界を分かりやすくするにはどうすればいいですか?
現在、元CSSデザイン:タグふれんず03を使用しているのですが、折角コメントを投稿してもらってもコメント同士の境界が分かりにくく、とても見づらくて困っています。コメントとコメントの間に線をいれたり、コメント部分を枠で囲む、又はコメント部分の背景色を変えることはできないのでしょうか?
何卒、回答をお願いします。
回答(2)
2.

ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
以下の例だと記事の下に余白が拡がるので、分かれ目が明確になると思います。
修正前の例)
.trackbacktext,.commenttext{
font-size:12px;
line-height:135%;
margin:3px 0 10px 10px;
}
修正後の例)
.trackbacktext{
font-size:12px;
line-height:135%;
margin:3px 0 10px 10px;
}
.commenttext{
font-size:12px;
line-height:135%;
margin:3px 0 36px 10px;
/*追記項目があればここへ*/
}
終わったら「この内容で保存する」を選んで保存します。仕上げは再構築です。
左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「デザイン(CSS)」を選んで「ブログを再構築する」というボタンを押せば完了です。
1.

border-bottom:1px;などを入れる。
枠で囲む - 同じく
border:1px;など。
背景色を変える - 同じく
background:#eee;などのように。
コメント(6)
回答有難うございます。
線を入れるを試してみようとしたのですが何処に入れていいのか分かりません。
CSSファイルのその属性とは何処の事ですか?
もう少し詳しく教えて下さい。
無知すぎてスミマセン。
cssファイルは、スタイルシートのことです。線を試すときは、私の修正後の例にある「/*追加項目があればここへ*/」という部分を削除して「border-bottom:1px;」を入れてみてください。
>試験利用者様
書いて頂いた方法を試したところ、記事の下の余白は広がりましたが線は入らなかった(反映されなかった)です。
だけど背景の色は変える事が出来ました。
本当に有難うございました。
ベスト回答、ありがとうございます。うまくいきませんでしたか。
.commenttext{
font-size:12px;
line-height:135%;
margin:3px 0 36px 10px;
border-bottom:1px;
border:1px;
background:#eee;
}
とくめいさんの書いていらっしゃるものを全部入れてみました。線が入ったり、背景が付いたりするはずです。




