「お気に入り」アイコンを
自分のデザインしたアイコンにするには？



Internet Explorerのお気に入りメニューに登録したアイコン画像は、通常(e)のロゴマークになります。
それを、自分のデザインしたアイコン画像にする事が出来ます。
(この機能は　Internet Explorer5.0以上専用の機能です。Netscapeのブックマークなどには反映されません。)

実行例≫ このHPのTOPページで実際にやってます
すでに　お気に入り登録してくれてる人は　一旦、削除して改めてお気に入り登録しなおしてみてください。
お気に入りアイコンが(=^･^=)に変わっていれば　成功です。

上記をやっても出来ない人は※１を参考にしてください。

やり方≫　次の２通りあります。
◆アイコンを固定ファイル名でアップロードする方法
    ・アイコンを用意する (自分で作成しても配られているアイコンをダウンロードしてきてもかまいません。※２)

    ・用意したアイコンのファイル名をfavicon.icoという名前に変更する。※３

    ・そのfavicon.icoファイルを目的のページのあるディレクトリにアップロードする。

    ・そのディレクトリ内にあるページを　新たに、お気に入り登録するとアイコンがオリジナルアイコンになります。
    　（逆に言うと　そのディレクトリ内にあるページがすべてオリジナルアイコンになってしまいます。)
◆アイコンファイルのURLを指定する方法
　　(格ページのアイコンをそれぞれ違うアイコンにする事が可能)
    ・アイコンを用意する (自分で作成しても配られているアイコンをダウンロードしてきてもかまいません。※２)
    　　(こちらのファイル名は任意です)

    ・HTML文書の<HEAD>〜</HEAD>の間に、次の一行を追加しアイコンファイルのURLを指定する。
    　　<LINK REL="SHORTCUT ICON" HREF="アイコンファイルのURL">

　　[実例]≫
    <HEAD>
    <LINK REL="SHORTCUT ICON" HREF="http://www25.big.or.jp/~ryouma/top.ico">
    </HEAD>

    ・アイコンファイルとURL指示を追加したページをアップロードする。

    ・URL指示を追加したページを　新たに、お気に入り登録するとアイコンがオリジナルアイコンになります。
    　（URL指示を追加したページのみオリジナルアイコンになります。)
◆確実性の高い方法（おまけ）
　　(URLを指定し、なおかつ固定ファイル名でアップロードする)
    ・アイコンを用意する (自分で作成しても配られているアイコンをダウンロードしてきてもかまいません。※２)

    ・用意したアイコンのファイル名をfavicon.icoという名前に変更する。※３

    ・そのfavicon.icoファイルを目的のページのあるディレクトリにアップロードする。

    ・HTML文書の<HEAD>〜</HEAD>の間に、次の一行を追加しアイコンファイルのURLを指定する。
    　　<LINK REL="SHORTCUT ICON" HREF="アイコンファイルのURL">

　　[実例]≫
    <HEAD>
    <LINK REL="SHORTCUT ICON" HREF="http://www25.big.or.jp/~ryouma/favicon.ico">
    </HEAD>

    ・URL指示を追加したページをアップロードする。

    ・URL指示を追加したページを　新たに、お気に入り登録するとアイコンがオリジナルアイコンになります。


※１　アイコンキャッシュ？？？
上記の事をやっても　すぐに反映されるとは　かぎりません
おそらく、ブラウザかWindows のOS自体のアイコンキャッシュに古いイメージが残っているため？だと思われます。
これがなかなか消えてくれないようです。

次の事を試してみてください
    ・Windowsフォルダの下の Temporary Internet Files フォルダの中にあるアイコンファイルを手作業で消す。
    ・Windows フォルダ（C:\Windows など）の中のShellIconCache ファイルを削除する
    ・気長に待つ（笑）

個人的にはShellIconCache ファイルを削除して　お気に入り登録しなおしたら、うまくいきました
    [実例]≫(ShellIconCacheファイルの削除方法)
    ・ディスクトップにある　[マイ コンピュータ]を右クリックする
    ・検索(E)をクリック
    ・ShellIconCacheと入力
    　(↑の文字をコピーして貼り付けすると確実)
    ・[検索開始]ボタンを押す
    ・見つかったShellIconCacheファイルを選択
    ・Deleteキーを押し削除する
    ・改めてお気に入り登録する
動作環境は　Windows2000　Internet Explorer6.0 です。

※２　化けアイコンはダメ？？
アイコンファイルは、通常のビットマップファイル（*.bmp）の拡張子を *.icoに変更するだけで作れますが、
「お気に入り」の場合は、ちゃんとアイコンエディタで作成※４したやつじゃないとダメらしいです。

※３　ファイル名の変え方
    ・名前を変更したいファイルの上で右クリック
    ・名前の変更(M)をクリック
    ・そうすると　名前部分が変更可能になります。
    ・キーボードで文字を入力してください。 　(拡張子（ico,　html,など）を消してしまったり変えたりしないように注意！)
※４　アイコンエディタを持ってない人のために・・・
どうやってアイコンエディタを手に入れたらいいか解からない人orいちいち探しに行くのが面倒ちぃ人のために
このページから　ソフト検索が出来るようにしました。

    検索サイトを指定（指定しなくても可）して[検索ボタン]を押してください。(別窓で開きます。)
    そうすると一覧が出ますので　よさそうなのを　ダウンロードしてください。
    (16x16のアイコンをサポートしてるやつが望ましい)

    ソフト検索  で   を 
    フリーソフト＞無料で配布されているソフトウェアの事。
    シェアウェア＞料金を支払わないと　機能制限や使用期限があるソフトウェアの事。

オンラインソフトの定番おすすめはvectorというサイトです。
是非　お気に入り（ブックマーク）登録しときましょう♪


Q&A(上手くいかない人のために・・・)
◆HTML文書は基本の形になってますか？
    HTML文書の基本の形は
    <HTML>
    <HEAD>
    <TITLE>タイトル</TITLE>
    </HEAD>
    <BODY>
    本文
    </BODY>
    </HTML>
    です。
    挑戦しようとしてるページがちゃんとこの基本の形になってるか確認してください。


◆HTML文書を変な場所に追加してませんか？
    スタイルシートやJavaScriptも<HEAD>〜</HEAD>内に書いてある事があります
    HTML文書をスタイルシートやJavaScriptの中に追加していませんか？

    ---参考---

    スタイルシートの記述
    <STYLE TYPE="text/css">
    <!--
    内容
    -->
    </STYLE>

    JavaScriptの記述
    <SCRIPT>
    <!--
    内容
    //-->
    </SCRIPT>

    追加したHTML文書がちゃんと<HEAD>〜</HEAD>内で
    なおかつスタイルシートやJavaScriptの外に追加してるか確認してください。


◆それでもまだ上手くいかない人は
    
質問掲示板を設置しましたのでＦＡＱ掲示板にて質問してください
ただし質問はやれる処までやって、それでもうまくいかない場合のみにしてください。
メールでのご質問は御遠慮ください。
（挑戦しているWebページのURLを書くことを忘れないでくださいね。）



TOP PAGE


Copyright(C) 2000-2001 Ryouma. All Rights Reserved

ご意見ご感想は ◆メール◆または ◆ゲストブック◆にてお願いします