コメント表示スタイル調整

コメント投稿フォームの変更の次は、表示部分も変更。 こちらもcssのみでさくっと。 デフォルトのはこんな感じ。

アバター表示時用に吹き出しになってる画像を呼ばない様にして
同じく子コメントのアバター用スペーズ分の位置合わせ。
時間が名前と同じ行なのも子コメと同じ様に改行させて。
フレームの角を丸くして、背景色をポジションによって変えて。
cssでできることはこれっくらいかなぁ。

それにしても。
変更しようにも実在しないcssタグで囲まれてたりする部分もあってムカついたー。
ーってことでその名前で中身を書いてなんとか出来上がり。

↓こんな感じになりました。

Share on Google+Tweet about this on TwitterShare on Facebook

コメント表示スタイル調整” への3件のコメント

  1. 訪問者モードでコメントすると、
    こんな風に白でボーダーあり。

    • 管理者モードでレスするとこんな色。

    • 更に訪問者モードで返信するとこんな色。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>