注目タグ

テンプレート・プラグイン

トピック詳細

コメント欄をコメントごとに1つずつ分離したい

初めまして、調べてもどうしても
わからないので質問させていただきます。

わたしが今使っているテンプレートの
コメント欄は、全てつながってしまってとても読みにくいです。
それをコメントごとに1つずつ分離させたいのです。
(できれば、区切り線ではなくボックスで分けたいのですが…。)

いろいろ試しても出来ないし読みにくいしで
とても困っています。

テンプレートは自分でカスタマイズしたものです。

HTMLに詳しい方、改善方法が分かる方、
いらっしゃいましたら教えていただきたいです。
よろしくお願いします。

2012年03月07日 17:35  by あや#*

コメント一覧 3件中、1~3件表示

  • >というか、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