2008年03月22日

お気に入りアイコン追加

お気に入りアイコンを作成してみました。

まずは素材を用意します。
なるべく鮮度のいいものを。
目利きのポイントは"目"の輝きと"エラ"の艶。

では、素材の加工です。
iconは16×16ピクセルなのですが
32×32ピクセルで用意できれば
下記のジェネレータで変換できるので
32×32に合わせて加工します。

因みにphotoshopで加工しましたが
ペイントツールでも出来ますよ。

保存形式はgifでヨロシク。


出来たら変換。

アイコンの生成は
FavIcon from Pics
の自動生成を利用しました。

変換したらwebにアイコンをupします。
seesaaでは
ファイルマネージャーから上げておけばOK



参照したページは
1upホームページ作成
さんで手順を教わり

書き方としましては、下記の<link>をページ内の<head>〜</head>の中に記述します。アイコン(favicon.ico)の位置は各ページの場所によって階層(パス)をあわせて下さい。
書き方は


<link rel="shortcut icon" href="./favicon.ico" >


上記のタグ内の"./favicon.ico"を
先程upしたicoファイルのURLに置き換えます。

seesaaのデザイン→HTMLで
<head>の後ろにペタッと貼れば出来上がり。

再構築かけるのを
忘れないようにしてくださいね。

今回は自分でやったよ。
(一人ではありませんが。
隣に奥様がいてちゃんと教えてくれました。)
posted by マーチン at 13:27| Comment(0) | TrackBack(0) | 試行錯誤 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/90445981

この記事へのトラックバック