CSS コメント欄をなんとかしちゃおう 番外 | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

CSS コメント欄をなんとかしちゃおう 番外

コメント欄を飾る方法はコレまで紹介した方法だけとは限りません・・・・



たとえば上と下の2つの画像でする場合・・・



↓上の画像・・・・中の画像の繰り返す部分も上の画像で受け持ちます


↓下の画像



前に紹介したCSSに上と下の画像のURLを入れただけで

↓このようになります

特に下の画像は透過処理をしていると、上の画像が出てしまうので

透過処理を行わないか、四角にして上の画像が出ない工夫が必要です

コメントとコメントの間も出ないようにしなくてはなりません

また、上の画像で想定している以上のコメントを投稿された場合スキマが出来てしまいます


※途中までチャレンジしましたが完成しませんでした・・・・・

 でも・・・なんかできそうな気がしますけど・・・・?




↑#comment_module .each_comment と #comment_module .label 

 の二ヶ所に背景をつけてもこのようにできます


このように私の書いているCSSがただ1つの正解って~わけではありません

いろんな方法でどうにでもなってしまいます・・・・

皆さんもなれてきたら試してみてください

うまくいったときは・・・・・

すっげ~うれしくなりますよ