コメント欄をコメントごとに1つずつ分離したい
初めまして、調べてもどうしても
わからないので質問させていただきます。
わたしが今使っているテンプレートの
コメント欄は、全てつながってしまってとても読みにくいです。
それをコメントごとに1つずつ分離させたいのです。
(できれば、区切り線ではなくボックスで分けたいのですが…。)
いろいろ試しても出来ないし読みにくいしで
とても困っています。
テンプレートは自分でカスタマイズしたものです。
HTMLに詳しい方、改善方法が分かる方、
いらっしゃいましたら教えていただきたいです。
よろしくお願いします。
2012年03月07日 17:35 by あや#*
>というか、commentという言葉自体見当たりません。
元もと無い場合はCSSに追加です。
FC2の場合はHTML・CSSの両方がユーザーで定義できるので「なんでもアリ」なんです。
前述の例だと
HTMLに「commentbody」っていうブロック要素をまず指定して
CSSで「commentbody」ブロックの見た目を定義します。
.commentbody {
border:solid 1px #9C7676; /*全体を罫線で囲う*/
margin:5px;/*外側の余白*/
padding:5px;/*内側の余白*/
}
あくまでも一例ですが、こうすると各コメントが罫線で囲われることになります。
2012年03月12日 04:39 by no save
ご回答ありがとうございます!
ですが、困ったことに、
わたしの使っているテンプレのCSSには
コメント欄の指示のかたまりがないのです。
というか、commentという言葉自体見当たりません。
この場合は自分で付け足すことは可能でしょうか?
指示がないからつながってしまうのでしょうか?
ご回答よろしくお願いします。
2012年03月11日 01:32 by あや#*
やり方はいろいろありますけど、一例として・・
まず、テンプレートから
<p><%comment_body></p>
を探して
<div class="commentbody">
<p><%comment_body></p>
</div>
こんな感じにします。で、CSSで「.commentbody」を装飾
.commentbody {
border:solid 1px #9C7676;
margin:5px;
padding:5px;
}
コメント本文に枠をつけてみました。 あと、その上のコメントタイトルは
<h3 id="comment<%comment_no>"><%co mment_title></h3>
に変えといたほうがいいかも?です。
2012年03月08日 13:17 by no save
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー