カスタマイズ７（画像を使うにあたって）

今日は今までの話に少しだけ補足をします。
私のオリジナル・スタイルシートは「css」というフォルダを作ってそこにアップロードしていたので
http://shinobu.cocolog-nifty.com/apty/css/mystyle.cssというURLになっています。
ですので、もしも「bg.gif」という画像を背景にするとしたら、その画像ファイルも同じ「css」フォルダにアップすれば

body {
background-image: url(bg.gif);
}

と書くだけでいいのですが、たとえば自分のホームページなど別なURLから画像を利用する場合、
URLを全部、つまり絶対パスを書かなくてはいけません。
（ちなみに、上のような書き方を相対パスと言います）
こういうのが絶対パスです(笑)。

この画像のプロパティを見ると、
http://www.cocolog-nifty.com/images/logo_cocolognavi.gif
となっていて「こいつココログトップページから勝手に画像を持ってきやがったな」ってのが分かります(笑)。
この画像を背景に使いたい場合は（私はしたくないけど）

body {
background-image: url(http://www.cocolog-nifty.com/images/logo_cocolognavi.gif);
}

なんてやると、なかなかウームって感じになりますが、ニフティに怒られても私は責任持ちません(笑)。
あるいは、スタイルシートの置き場所とは別に画像を置くフォルダを作っておきたいの、って場合は

body {
background-image: url(image/bg.gif);
}

なんて書き方もあります。
「image」ってフォルダを作って、そこに置いた画像を表示させてる、ということですね。
「あれえ、せっかくの画像アップしたのに表示されないぞ？？？」なんて時は、ちょっと確認してみてね。

さて、今までいくつかカスタマイズについて書いてきましたが、過去のタイトルがあまりにわかりにくくて自分でも何やったのか忘れてきたので(笑)、全部なおしてみました。
これで、少しは分かりやすくなったかな？？？