■ホームページのお気に入りアイコンを変える方法■
まずはこの↑の画像を見てください。
小さく切ってますが、コレはInternet Explorerで左上の部分に表示されるアドレスバーの部分です。
通常になっている赤丸の部分が携帯アンテナのマークに。
どうせHPを持つのなら、この部分も変えてしまいましょ、というのがこのページの趣旨です。
都合のよいことに、血盟サイトなら重要な『あるもの』を必ず持っているので。
※注意:適用されるのはInternet Explorer5.0以降のブラウザのみです!!
(いないけどね、今、IE4使ってる人・・・)
ここを変えておくと、
これも変わると。
STAP.1
まずは表示用アイコンを製作・発見します。
たいていの方は紋章の入ったスクリーンショット、もしくは紋章本体のbmpファイルを持っていると思います。
そいつを探してきて、とりあえずわかりやすいデスクトップか新規フォルダにぺたっとコピーしてください。
ウチもそうですが、画像、に関しては見慣れた『紋章』(エンブレム)を使用する方がオススメです。
紋章を使えば閲覧する時にクラン員さんが探しやすくなるし、何より視覚的にも親しみが沸きます。
使用する画像をwindows(MACは存じません^^;)の「ペイント」で開いてください。
フォトショップとかでもできるんならソレで。とにかく画像を一度「編集」することになります。
右上の「変形」→「キャンバスの色とサイズ」を選び、画像の大きさを16×16にします。
紋章の大きさは16×12で縦サイズが4足りません。なので、下に空白ができると思います。
「編集」→「すべてを選択」し、下に2ドット分(サイズ2分)絵を下げてください。
紋章が真ん中に表示されるようになればokです。
画像のサイズを変えると余白が下につきます。
これを
こう変える。
(空白が上下にできています)
これを行っておかないと後で中央表示されません。
左側のように16×12をフル使用した紋章なら別ですが、右のように透明部分(黒い部分ですね。紋章をリネージュにUPした時、透けて見える部分です)のある場合は白い部分を黒く塗ってください。黒色は紋章のどこからかスポイトで取って、白い部分を塗りつぶしてください。
要は透明化したい部分の色を統一してください。
STEP.2
アイコン変換エディタで上下の空白(もしくは空黒)を透明化し、拡張子『.ico』で新規保存する。
アイコンエディタは数多く出てますが・・・これは検索サイト等で「アイコン・変換・BMP・相互変換・ソフト」等を適当に入れて探せば出てくると思います。
使用方法はそのアイコンエディタのヘルプ等を参照してください。
名前はお好みでokです。うちはdenpa.icoとなってます。
※注意:「favicon.ico」という名前だと後々に少し不都合が出るので別の名前に。
STEP.3
変換が終了したら、新しく『 ・ico』拡張子のファイルがひとつ、できあがっているはずです。
そのアイコンが紋章表示になっていなかったり、また表示がおかしい場合、拡張子が違うか、変換加工が上手に行えていないので、再度やりなおしてみてください。
STEP.4
icoファイルをindex.htmlファイルと同じ場所にアップロードします。
STEP.4
トップページのHTMLをテキストで開き、<head>〜</head>の間に次の一文を挿入します。
フレームページならフレームのHTMLファイルへ加えてください。
もちろん、*****の部分は作ったアイコンの名前に変更します。
すべてが終わったら、まずは設定したアナタが「お気に入りを登録しなおして」ください。
通常、これであなたのクランの紋章がfaviconとして現れているはずです。
※faviconというアイコンファイル名を避けた理由。
このネームは既に多くのサイトで採用されています。
同じネームで重複してしまうとすべてのアイコンが同じモノに変わってしまいます。
これらとの重複を回避し、お気に入りの登録し直しによるfavicon画像出現(すでにお気に入りにしてくれている人のため)のためにリンクタグでファイル名を指定しています。
簡単なモノならこれでできあがりです。
深く調べるとアイコン格納の色数とかサイズを二種類とか出ますが、とりあえず以上のような方法でオリジナルブックマークアイコンに変えることができます。
gifリンククリックでico保存画面へ。
ド簡略のコールクランとトウルーとリネセットの中に入ってたアイコンと、うちの紋章三種。
|