備忘録（昨日と、今日のまとめ。）

やっと、ブログのCSSをいじり終わりました。
OSXの、Webブラウザ：Safari3のツールバーをスクリーンショットして、フォトショで、サイズを合わせたり、微調整をしながら、合成画像を作りました。

WebブラウザのURLツールバーに、favicon（ファビコン）をHTMLに追加しました。
（★マークのやつ。fc2ブログのデフォルトだと、ユニコーン・ペガサスだと思います。）
フォトショで、ファビコンが製作できるように、プラグインを導入しました。
IE6ではなぜかうまく表示してくれません。
リンクタグ（この書き方だめなのかな？）
<link rel="shortcut icon" href="http://blog-imgs-17.fc2.com/a/b/a/abablo/favicon.ico" />

	Internet Explorer6	FireFox2	Safari3
WindowsXP	×	○
MacOSX Tiger		○	○

WindowsVistaでは、どうだろうか。
多分、IE7が標準だと思うけど、持って無いのでわかりませんw

FiroFoxのインストールきぼんぬ。

ツールバー画像の左上・右上のカドに、黒いところがありますが、背景画像に透過画像PNGで表示すると、インターネットエクスプローラ6だと、透過表示しません。
なので、背景色に合わせた色を使いました。
白(#FFFFFF;)(white;)と、黒(#000000;)(black;)以外の色だと、Webカラーと、カラー画像を比べると、同じ色と思っていても、ディスプレイによって、違った色に見えるので、使うとしたら個人的には、白か黒しか使いたくないです。

透過GIF	Internet Explorer6	FireFox2	Safari3
WindowsXP	○	○
MacOSX Tiger		○	○

透過PNG	Internet Explorer6	FireFox2	Safari3
WindowsXP	×	○
MacOSX Tiger		○	○

--------＞8----きりとり線----＞8--------

ついでに、フォトショのレイヤー機能を使って、トップページに飾るイメージを製作しました。
ちなみに、レイヤー機能を使ったのは、初めてです。
こんなに便利だったんだな。
マニュアル読んどこ・・・
こんどから、レイヤー機能使お。


これらの画像は、いつも、flickrに画像をアップロードしてから、CSSのstyle="background:url(アドレス);"に指定して、背景画像として表示させてます。
（しかし、これだけだと、デフォルト設定で、画像が繰り返し表示（リピート）されるので、プロパティに、no-repeatを付けて、width,heightでサイズ設定してます。）
背景画像使うときは、今のところ、divタグが一番便利。