			カンタン！ブログをはじめよう

HOME > ナレッジコレクション > 書き込み欄に背景を付ける

書き込み欄に背景を付ける

2006年07月26日 AQ

コメント欄の文章を入力する部分（書き込みをする部分）に、背景画像をつけていらっしゃるのを見かけました。私も同じようにしたいのですが、設置・変更方法等を教えていただけませんか

※ 質問対象：ライブドアブログ

管理画面に入って、カスタマイズ/管理＞デザインの設定＞カスタマイズ＞を順にクリックしていくと CSS と 4つの HTML のページが出てきます。その中の CSS の記述に新たに指示を追加します。

上からのぞいていくと・・・

textarea#text{ }

もしくは、

#text{ }

という部分が見つかります。非常に見過ごしやすい部分ですが、ゆっくりと見ていってください。その中に、以下の記述を追加します。

background:url(http://・・・背景にしたい画像のアドレス) no-repeat;

これで OK です。
ただし、小さな画像を繰り返して背景画像としたい場合は・・・

background:url(http://・・・背景にしたい画像のアドレス);

これだけで OK です。CSS を保存。CSS の再構築をかけて下さい。閲覧しているブラウザーを更新すると、反映されています ε-(´∀｀*)ﾎｯ

TOP

Comments(5)

TrackBack(0)

ナレッジコレクション

tags : 書き込み欄カスタマイズ背景 CSS ライブドア

1. Posted by ましまろ 2006年08月14日 10:59

出来ましたよ[音符]

出来上がりは、カスタマイズするのが難しそうに見えるのに、ＣＳＳをいじるだけで良いなんて。。

ペットの写真を入れてしまいました。写真を縮小するＦｒｅｅのソフトがあれば良かったのですが、もっていないので、ペットの顔がアップになっています（耳も見えない[汗タラー]）

でも、可愛く写っているので、満足しています。

2. Posted by AQ 2006年08月14日 11:15

＞ましまろさん
>>1
見ました～可愛いです [ハート]
それになんかクリックすると星が飛んでるしｗｗ

書き込みに来た人、みんなビックリするんじゃないですか？
こんな風にしている人は少ないし、インパクトありますよね。

あとは言っておられるように、もう少し全体像が見えるようにして、できれば画像を加工し、コントラストを変えるなりして全体の色調を薄くした方が良いと思います。

今のままでは、書き込んだ文字が見難い部分がありますから。それか逆に濃い画像を使用して、書き込み欄に表示される文字色を白にするかですね。

さて、そうなると絵文字ですよね・・・。
できればチンチラの絵文字が欲しいですよね (^_^;)

3. Posted by ましまろ 2006年08月14日 11:35

マイクロソフトのピクチャーイットで、何とか縮めて見ました。カスタマイズって、楽しいですね～[ハート]

4. Posted by AQ 2006年08月14日 11:46

＞ましまろさん
>>3
楽しいのはわかるけど、睡眠不足にならないよう
お気をつけ下さい。(^_^;)

AQ も今、チョコチョコとみんながわからないところを、カスタマイズ中でございます。おかげで、目が [ギョロ目] パンパンに腫れております (+_+)

5. Posted by CSS 初心者 2008年07月15日 13:31

CSS勉強真っ最中！
ネットで参考になるものはないかと検索していましたら、たまたまこちらへ辿りつきました～また、ちょくちょく活用させていただきます！