解決済

clip!clip!
Ads By Google

コメントとコメントの境界を分かりやすくするにはどうすればいいですか?

現在、元CSSデザイン:タグふれんず03を使用しているのですが、折角コメントを投稿してもらってもコメント同士の境界が分かりにくく、とても見づらくて困っています。

コメントとコメントの間に線をいれたり、コメント部分を枠で囲む、又はコメント部分の背景色を変えることはできないのでしょうか?

何卒、回答をお願いします。

2006-02-26 13:20の質問
タグ  デザイン  コメント  CSS  
デザイン
デザイン の情報はこちらです
www.span.ne.jp
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2006-02-26 14:29:06ベスト
# とくめいさんが書いてらっしゃるので、変更方法だけ基本を追記します。

ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。

以下の例だと記事の下に余白が拡がるので、分かれ目が明確になると思います。

修正前の例)
.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.

2006-02-26 13:27:37ベター
線を入れる - CSSファイルのその属性に
border-bottom:1px;
などを入れる。

枠で囲む - 同じく
border:1px;
など。

背景色を変える - 同じく
background:#eee;
などのように。
Ads By Google

コメント(6)

2006-02-26 19:46:24

回答有難うございます。

線を入れるを試してみようとしたのですが何処に入れていいのか分かりません。
CSSファイルのその属性とは何処の事ですか?
もう少し詳しく教えて下さい。

無知すぎてスミマセン。

2006-02-26 20:42:58

cssファイルは、スタイルシートのことです。線を試すときは、私の修正後の例にある「/*追加項目があればここへ*/」という部分を削除して「border-bottom:1px;」を入れてみてください。

2006-03-05 10:46:19

>試験利用者様

書いて頂いた方法を試したところ、記事の下の余白は広がりましたが線は入らなかった(反映されなかった)です。
だけど背景の色は変える事が出来ました。

本当に有難うございました。

2006-03-05 17:37:13

ベスト回答、ありがとうございます。うまくいきませんでしたか。

2006-03-05 17:38:01

.commenttext{
font-size:12px;
line-height:135%;
margin:3px 0 36px 10px;
border-bottom:1px;
border:1px;
background:#eee;
}

2006-03-05 17:38:35

とくめいさんの書いていらっしゃるものを全部入れてみました。線が入ったり、背景が付いたりするはずです。

トラックバック(2)

トラックバックURL: