ブログカズタマイズへの憧れ・その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,,,,
以下、今までのまとめ
『あやふやブログ』 まるべぐ さん のサイトから転記させて戴いています)
その①
願い : コメント欄に、かわいい画像をつけてみたい♪
投入したタグ :
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・ブログ