b-click

お気に入りに追加したときIEのアイコンをかえる

お気に入りに追加した時にIEのアイコンが変わるサイトがありますね?
あれをあなたのサイトでもしてみましょう。

基本をベース・私的に説明していきますので、独自のアイコンを作成されたい方はこれを
元にして頂けると幸いです。

では、まずここで(vector)でアイコン作成ソフトなるものを手に入れてください。
アイコンを作成、もしくは拡張『ico』で保存出来るものならば何でもかまいません。
もちろんフリーソフトで充分です。
今回はランダムで選んだIC-workというソフトを使ってみました。(このためだけにDLしたので詳細は各自でお願いします)
まず手に入れてください。

WINに標準であるペイントソフトを起動します。
スタートメニュー>プログラム>アクセサリーに普通は入っていたと思います。
ここから下は、分かり易いように画像が多数ありますので読み込みに時間がかかります。

サイズは『32×32』ピクセルで作成してください。

作成したらビットマップ(bmp)形式で保存。(とりあえず256色で)
abc.bmpと保存したとします。

次に先ほどダウンロードした、IC-workを起動させましょう。

先ほどのabc.bmpを開いて


256色アイコンで任意の名前をつけて保存してください。(例abc.ico)
保存先にabc.icoが出来ていれば完成です。

お気に入りアイコンを入れたいページに
<HEAD>と<HEAD>の間に下のタグを貼り付けるだけです。

<LINK REL="SHORTCUT ICON" HREF="../abc.icoまでのパス">

ico画像をupロードするのを忘れないでください。
これで再度お気に入りに登録して変わっていればokです。

注意:アイコンの名前は、他のサイトで使用していないものを使用すると
うまくいきやすいです。再度お気に入りに登録しないとかわりません。

コピー・ペーストしてこちらですぐに実験できます。

サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。

ホームページ改造王