人気ブログランキング | 話題のタグを見る


ブログカズタマイズへの憧れ・その2

うさぎさん、まるべぐさん、はりぃさん に教えて頂き、コメント欄を編集してみました。
以下、今までのまとめ
『あやふやブログ』 まるべぐ さん のサイトから転記させて戴いています)

その①
願い : コメント欄に、かわいい画像をつけてみたい♪

投入したタグ :
DIV.COMMENT_INPUT {MARGIN-TOP: 20PX;
BORDER-TOP: 1PX #AAA DOTTED;
PADDING-TOP: 0PX;
background-image:url('http://pds.exblog.jp/pds/1/200410/11/31/cat005_2.gif');
background-position:left top;
background-repeat:no-repeat;

結果:コメント欄の枠外左上に猫のアイコン登場
    ログインしていない状態だと、ID,の欄に少しかぶる感じ


その②
新たな願い:コメント欄の大きさもう少し広げたいなあ
        そして、猫ちゃんをコメント欄の中に入れたいのよね

↓投入したタグ
TEXTAREA.TXTFLD {
height:12em; WIDTH :500px ! important;
background-image:url('http://pds.exblog.jp/pds/1/200410/11/31/cat005_2.gif');
background-position:left top;
background-repeat:no-repeat;}

結果:どーんと大きな広さにちんまりと猫ちゃん
そして、猫ちゃんと文字が重なってしまうので、猫ちゃんをを避けて文章を書き始めたくなってしまう、
さらに文字の大きさが小さく見えるので、思わず、余分に改行などしてしまう、はは、、
(但し、送信したら、見た感じは今までどおり)


その③
さらなる願い:コメント欄の幅と文字サイズを変更しよう

↓投入したタグ
TEXTAREA.TXTFLD {
height:10em; WIDTH :500px ! important;
background-image:url('http://pds.exblog.jp/pds/1/200410/11/31/cat005_2.gif');
background-position:bottom right;
background-repeat:no-repeat;}

結果:およ?幅がぐんと狭くなりました
    で、猫ちゃんは右下、これなら、文字と重ならない でも幅戻そうかな
    あ、文字サイズを大きくしなくちゃ


その④
止まらない願い:文字サイズを大きくしましょ

↓投入したタグ
TEXTAREA.TXTFLD { FONT-SIZE:14px;COLOR:#000; BORDER:1PX SOLID #666678; BACKGROUND:#FFF; FONT:Osaka}

結果:文字サイズは大きくなりました
    が、しかーし、コメント欄の幅は変わらず
    ひゅ~~~

↓休憩zzzz,,,,
by t2mina | 2006-06-05 22:32 | TB・ブログ