iGirl

完全に思いつきで書いています。

絶望した。

スポンサーリンク

はじめて書いてみるよ!htmlを本文に書くにはへんてこな記号が必要なんだって*1!呪文みたいでかわゆすね!!

<div class="comment_area">

<div class="comment_above">
<img src="http://www.aupair-japan.com/images/breath_above.gif"/>
</div>

<div class="comment_body">
<p>
ここにコメント
</p>
</div>

<div class="comment_below">
<img src="http://www.aupair-japan.com/images/breath_below.gif"/>
</div>

</div>


つぎにね、CSSってやつだよ。

.comment_area div{
padding:0px;
margin:0px;
}

.comment_area{
width:400px;
}

.comment_above{
hight:40px;
}

.comment_body{
   background-color:#ffffff;
   background-image:url("http://www.aupair-japan.com/images/breath_body.gif");
   background-repeat:repeat-y;
}

.comment_body p{
padding:0px 10px 0px 10px;
margin:0px;
}

.comment_below{
hight:15px;
}

id:gensyokuneonさんが使っているかわいい吹き出しコメントをご本人の許可も得たし使いたいの!可変式になるようにやってみたいの!
・・・ってことでさー、書いたんだよ。先生にヒントもらいながらこの本(HTML+CSS Handbook 3rd Edition Web系ハンドブック)と睨み合いながらさ!えらい時間かかったんだよ!なのにさ!なのにだよ!!コメントデザインの html が編集できねーでやんの!!! けらけらけらけら
先に調べるべきだったね。でも「ギークの味方!おらはてな!」のはてながそんなことできないなんて思わなかったんだにょー。あー最悪。絶望した。ほんとうに。

とか言いながら本当はできちゃったりするの?はてなヘルプ見ても分からなかったけどそれはツンデレで、ほんとはできたりするんでしょ?





時間ドロボーめっ!!!!!!!!!!!!!!!!!111111111111





ぴえええええええええええええええええん



ずれてるし・・・orz

*1:http://hatenadiary.g.hatena.ne.jp/keyword/ソースコードを色付けして記述する(シンタックス・ハイライト)