アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦! -141ページ目

ファビコンを作る 1

リクエストのファビコンについてです



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

↑こんなんが・・ファビコンです・・・

なにも設定しなければ アメーバのファビコンが表示されます




ファビコンに使う拡張子がicoのアイコンが必要になります

(Firefoxではgif画像がつかえます・・・が、他のブラウザーでは表示されません)


ファビコンを作成するソフトなどもありますが

まずは簡単に・・・

ウェブ上で出来るものを紹介します



今回は画像をファビコンに加工しますので

使おうとする画像を用意してください

jpg、gif、pngの画像ならかまいませんが

正方形にしておいた方が変形しないのでベストです

また・・16×16に縮小されますのであまり細かな画像は不向きです

gifやpngの透過画像も可能です・・・正方形以外は透過させてください


透過していない場合・・・・
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




ファビコンジャパンをはじめ

ウェブ上でファビコンをつくるジェネレータはいろいろ有りますが・・



たとえば・・・


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

66×66のこの画像(透過gif)を使っていろいろなジェネレータでファビコンを作ってみると・・

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
↑同じ画像でファビコンを作っても見た目に違いが出来ます・・

ファビコンジャパンで作成したファビコンは表示されていませんが・・

あまりwinとは相性が良くないようです(透過もされません)

ファビコンジャパンで作成してうまく行かなかった方は

別のところで作成するとうまくいく場合があります

animated_favicon1.gif は FavIcon from Pics でファビコンと一緒に作成されるアニメーションgifです



サイズは大きくなりますが1番キレイに出来ると思うFavIcon from Pics で説明します



http://www.html-kit.com/favicon/


1. 参照ボタンでファビコンに使う画像を指定します

※1度でも作成した場合は画面が少し違います・・が問題ないでしょう・・

 ブラウザーのクッキーを削除でこの画面になります・・・


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


2. ファビコンを作成します [ Generate FavIcon.ico ]
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



ファビコンとアニメーションを使ったときのイメージが表示されますので確認してOKなら

圧縮ファイル(ファビコンとアニメーションが同梱)をダウンロードします

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


ダウンロードした圧縮ファイルを解凍します

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


適当な所へ保存して置いてください

この際だからって何種類か作ったとしてもファイル名は全部 favicon.ico ですので

ごっちゃにならないように注意ください





IEではうまくいかない場合があります・・・・

その場合は
[Icons created with FavIcon from Pics] をクリックしてください
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



↓この画面になりますから・・ あとは同じです

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




Internet Explorer7(IE7)で表示されない場合は

IE7のキャッシュと履歴をクリアしてからIE7を一度終了させます


Internet Explorer 6 での表示は諦めてください



Firefoxでは右クリックで「画像だけを表示」を選ぶとアドレスバーやタブに画像
が反映されるのでイメージを見るのに便利です



ファビコンが直接表示されるサイトで作成した場合は

ファビコンの上で右クリック→画像を表示


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

↑コレができるのはFirefoxだけです







次は・・・画像加工ではなくてはじめから自分でファビコンを作成します

その次はファビコンを配布されているサイトを紹介して

最後にアップの仕方になります


お楽しみに・・・・





ファビコンを作る 2

ファビコンを借りちゃおう

ファビコンを設置する

草なぎ剛さん・・・2

このところ・・・


アクセス解析で
「草なぎ剛」さんで検索をされて来られている方が大勢おられます・・



草なぎ剛さん・・・
この記事が引っかかってしまうようです


アクセスアップを狙って・・ ?    草なぎ剛さん・・・2



アメブロで期間限定で草なぎ剛さんがブログをはじめられたのでみなさま検索をされているようです


「草なぎ剛 アメブロ」で検索しても見つかりませんよ・・・


井尻又兵衛と名もなきスタッフブログ


これですから・・・
期間限定で1日30件以上更新を続けているようですが・・
スタッフの更新がほとんどのようです




「黄金伝説」楽しみにしています




肝心のわたしの方ですが・・・
昨日からまた軽く目が回り始めて・・・
なんか気力もないし・・
体も痛いし・・・



本日は休みですから1日ゴロゴロしています
コメント再開はもう少しお待ち下さい m(_ _)m

(CSSで消しているだけですので携帯からは普通にできてしまいますが・・・)



なぜか・・
最近多い質問で


名前 ルーム|ブログ
ユーザーナビエリアを消すには
http://ameblo.jp/exlink/entry-10178945284.html


中央寄せは
http://ameblo.jp/exlink/entry-10184690453.html


右サイドのオセロの下のGoogleブログ内検索はアメブロ検索よりマジ使えます

ご利用下さい

ちょっと体調が良くないのでお休みします

昨日あたりから・・



チョットおかしいので



週末あたりまでお休みさせてください



コメントも溜まっちゃうと困るのでパソコンからは見えなくしてコメントできなくなっています



なんちゃってなんでコメントする気なら簡単に出来ますが・・・・




すみません