ブックマークアイコンを作ろう


LineageをPlayする方には簡単に理解できるとおもうのですが・・・


T.何をしたいかというと・・・



の様にインターネット・エクスプローラー(IE5.0以降)でお気に入りに登録した時、クランの旗、又は好きなアイコンが表示されるようになるという単純な事です。
ブックマークがいろんなアイコンになったら楽しいですよね
このサイトをブックマークするとこんな具合になります

Topページにドラッグするとこんな感じです
は私のリネージュTのクランサイトをブックマークした例です。


U.では作り方です

1. まず最初にアイコンを作ります。 ソフトは一般的な画像処理ソフトで構いません。
PhotoShopとかPaintShopなどが便利でしょう。
サイズは(16pic×16pic)  リネージュのエンブレム(旗)は(16×12)なのでそのまま使うので
あれば上下を透過処理させればokです。
後で出てきますが透過処理は黒(#000000)としておけば後で簡単に処理されます。


保存はBMPかPNGなどを指定します 私はBMPで保存しています。

一番難しいのは16×16のアイコンを作ることです 大きな画像を縮小するだけだと
画像が乱れて綺麗に表示されません。縮小拡大を繰り返し出来上がりをチェックしながら
作りこんでいきます。
←これは別の機会に

リネージュユーザーで既にクランマークがあればそのまま使えて楽ですよね。

2. 次にアイコン製作ソフトをダウンロードします
****.ico というファイル(****は任意)を作るのですが通常の画像ソフトで拡張子を変えた
だけでは表示されません。

いろいろなアイコン製作ソフトがありますが、.ico変換に特化した下記ソフトが簡単でお勧めです。

@icon変換  towofu's soft  (フリーソフト)

日本語・英語もサポートしていますので楽ですね。

3. DLしたアイコンソフトを使ってbmpファイルから拡張子が .icoのファイルを作成します。
↑のソフトを使うと一発で変換できるから便利です。
透過処理の仕方などはDLしたソフトのテキストファイルに書いてあります。

4. 表示させたいページ(index.html等が入っているところなど)のフォルダに****.icoファイルを置きます。
(FTPでupさせてくださいね)

このままでも表示されると思うのですがもう少し加えるとさらにうまくいきます。

以下のタグを<head>の中に加えます。

例)<LINK REL="SHORTCUT ICON" HREF="http://www.******.co.jp/****/***.ico>

(****は任意で変更してくださいね)

さらに以下JAVASCRIPTを加えるとスムースに表示されるかと思います。

<SCRIPT language="JavaScript">
da_image = new Image();
da_image.src="****.ico";
</SCRIPT>

5. もし表示されない場合は考えられること

・IEのバージョンが古い。(IE5.0以降のものをお使いください)
・IE以外のプラウザ(NN NS等)を使用している。
・JavaScriptがoffになっている。
・4.に記載のURLが間違っている タグが正しい位置に書かれていない 叉は正しくUpされていない。
・拡張子(.ico)が正しく変換されていない。
・一時ファイルが貯まっている (←これで表示されないのが多いです)
 ディスクのクリーンアップを行って一時ファイル(Temp Fail)をクリアーしてください。


6. さらに32×32をつくってマルチアイコンに対応させるとショートカットをTOPページにおいた時など綺麗ですね。
マルチアイコンは前記(↑)ソフトにて簡単にできます。

このサイト用は下の2種類を使ってできています。
16×16 →  32×32 →  この二つをマルチアイコンにして表示させています。
ブックマークしてご覧いただければ幸いです^ ^


それではみなさんのパソコンが華やかになりますように。

このページに直接お越しの方はこちらへお回りください