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

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

2006年07月26日 AQ


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

質問対象 : ライブドアブログ


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

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

textarea#text{ }

もしくは、

#text{ }

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

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

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

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

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

この記事へのコメント
1. Posted by ましまろ    2006年08月14日 10:59
出来ましたよ[音符]

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

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

でも、可愛く写っているので、満足しています。
2. Posted by AQ    2006年08月14日 11:15
> ましまろさん
>>1
見ました〜 可愛いです [ハート]
それになんかクリックすると星が飛んでるし ww

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

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

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

さて、そうなると絵文字ですよね ・・・。
できればチンチラの絵文字が欲しいですよね (^_^;)
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勉強真っ最中!
ネットで参考になるものはないかと検索していましたら、たまたまこちらへ辿りつきました〜また、ちょくちょく活用させていただきます!
この記事にコメントする
 :Name
 :Mail
 :URL
  情報を記憶:   書き込みのリセット: 
 
ご利用のブラウザ、設定ではご利用になれません。
 
  
Information
Category Menu
Promotion
New Entries
Mini BBS
Back Number
Comments
TrackBacks
Tag Click
Access Ranking
Click Please!