最新情報

  • 2019/07/14
    ブログを更新しました。
    2018/04/30
    冷やし中華...じゃなかった、Twitterはじめました。

このサイトに関して



当サイトご利用上の注意

  • 記事へのリンクはご自由になさって結構です。
    但し、画像等、記事内のコンテンツの無断転載、画像への直接リンクによるまとめサイト等他サイトへの転載は固くお断りします。

    2019/04/14現在、コメント欄の認証方法やNGワード設定等、時々変更しています。メールアドレスの入力が求められる場合、とりあえずメールアドレスの形をしていれば(@の前は適当でも)OKです。

    上記に関し、詳しくは下記バナーから「当サイトについて」をお読み下さい。



    このブログの趣旨など。コメント欄はゲストブックとしてご利用下さい。


    記事についてご不明な点などはメールでは回答しかねますので、各記事のコメント欄にお願いします。




特設コーナー

  • Banner_kanan_fund


















外部サイト(その他)

  • 台湾の名前で東京オリンピック参加を!署名活動


    憲法改正を実現する1,000万人ネットワーク 美しい日本の憲法をつくる国民の会









管理人ポータル

大師小同窓会関連












  • 画像を提供、あるいはオリジナル写真を貸して下さる方は管理人までご連絡ください。


我が町!大師の情報

  • 大師の歴史・町名の由来

各種ノウハウ集



私家版スクラップブック

  • ブログ主の個人的スクラップブック集です。

    100円ショップの木箱やディスプレイケースなどを利用したドールハウスのまとめページです。

    メンテナンス中のため一時アクセスを制限しています。

友達の輪・お薦めSHOP

  • CHITIのボディデザイン
    魅せるボディデザイン/カラダ作りの本質とは!?
    川崎市在住のインストラクターが近隣のスポーツ施設や公園・ご自宅でのパーソナルトレーニング受け付けます。




    かわさき楽大師

    ファッション・雑貨の店 「+R」

    ヘアーサロンE'(イーダッシュ)


« 川崎市のミックスペーパー分別収集 | トップページ | メモリのお掃除 »

2011/02/13

favicon作っちゃった

Animated_favicon1_4

ちょっと調べ物をしていたら、favicon(ファビコン)というものの存在を知りました。

あ、存在は知っていたけれど、名前を知らなかったという方が適切かな?

faviconとはこういう画像です。

Favicon01

一番上は、ブラウザ(IE8-Internet Explorer8-)のアドレス欄、その下はタブ、その下はブックマークした場合(「お気に入り」に入れた場合)ですが、小さなアイコンが表示されています。

また、HPのショートカットをデスクトップなどに作った場合も、オリジナルのショートカットアイコンが作られます。(IE8なら、「ファイル」→「送信」→「ショートカットをデスクトップへ」)

Favicon_02

こういうアイコンをfavourite icon 、略してFaviconと呼ぶそうです。

faviconを表示させるのは簡単で、htmlファイルのあるルートディレクトリにfavicon.icoの名前で置いておくだけ。faviconに対応しているブラウザなら自動的に表示されます。

faviconは、画像を送ると自動生成してくれるサイトがあって、

Animated_favicon1_3  ←こういうgifアニメもついでに作ってくれました。(サイトについては後述)

上の枠の中の画像の内、一番下はFirefoxというブラウザで表示したものですが、Firefoxではfaviconが表示されません。Firefoxはfaviconに対応してくれていないのかな?

追記:

その後、Firefoxは一度保持した画像をキャッシュに持っていて、faviconを追加しても置き換わらないということが分かりました。

Firefoxのキャッシュをクリアしてもダメだったのですが、Favicon Picker 3というアドオンを追加したら、それだけで新しく作ったfaviconが認識されました。

元々はfaviconをクリアするものみたいですが、アドオンする前に大師小学校同窓会サイトのタブは閉じておき、(アドオンを実行したかどうかは不明ですが、)新たに同窓会サイトを開いたら画像が表示されていました。

と言うわけで、試行錯誤している内に表示されるようになったので、この手順で正しいのかどうかは分かりませんが、覚書として書いておきます。

■faviconの作り方

faviconを自動生成してくれるサイトは色々ありますが、ブログ主が使ったのは、“FavIcon from Pics”というサイト()です。

使い方は簡単で、元画像をupして、[Generate FavIcon.ico]ボタンを押すだけ。

gifアニメに関してはカスタマイズ(アニメ効果の調整など)も出来るようです。

※何度かfaviconを作り直したりしている内に、上記サイトの画面が白くなる現象が起きましたが、右上の「Start Over」をクリックするとリセットされました。(下の画像参照)

Favicon_ico

【追記】

ココログにfaviconを設置する方法は下記のスレッドを参照して下さい。

『ファビコン設置とIEにも表示される方法』
http://cocolog.kaiketsu.nifty.com/tips/80100/thread

« 川崎市のミックスペーパー分別収集 | トップページ | メモリのお掃除 »

コメント

コメントを書く

(ウェブ上には掲載しません)

« 川崎市のミックスペーパー分別収集 | トップページ | メモリのお掃除 »

counter since 2018/12/25

  • Flag Counter

    FLAG Counterのロゴをクリックすると、更に詳しい分析結果が表示されます。
    ココログのアクセス解析よりは少ない数字になるようです。
サイト内検索
ココログ最強検索 by 暴想
2019年7月
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      

sponsored link


ドールハウス工作おすすめ参考図書

ドールハウス工作おすすめアイテム(材料・工具)

カテゴリー

無料ブログはココログ