2012年01月23日 web関連

icoformatICO Formatプラグインを追加

Photoshopでは、icoファイルを扱うことができないので、以下のプラグインをインストールして、icoを作成・保存出来るようにします。 Photoshop icoformatICO (Windows Icon) Format Plugin プラグインをダウンロード、解凍したら、ICOFormat pluginというファイルを、「Applications/Adobe Photoshop CS5/plug-ins/file formats」にコピーします。 これでインストールは完了なので、Photoshopを起動します。 起動している状態で、プラグインファイルを追加した方は、Photoshopを再起動してください。 正常にインストールされているかを確認するには、「Photoshopメニュー」内の「プラグインについて」を表示します。そのリストの中に「ICO(Windows…)」という項目があれば、正常にインストールされています。

faviconの作成

インストールが完了したら、「32px × 32px」のサイズで作成し、新規保存の際に、フォーマットを「ICO(Windows icon)」に設定します。

faviconの設定

favionを表示させたいhtmlファイルのhead内に以下を記述します。
<link href="ファイルのパス/favicon.ico" rel="shortcut icon">
あとは、favionの画像とhtmlファイルをサーバにアップするだけです。 参考サイト:http://2xup.org/log/2006/04/28-2323

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ピックアップ記事

Facebook OGP対応してアクセスを増やす

2011年06月29日 web関連
OGP対応する http://gadget-or-gimmick.com/archives/2011-06-16/114209.html
「Facebook OGP対応してアクセスを増やす」をはてなブックマークに追加

PHP 短縮URLのAPIから短縮後のURLを取得

2011年08月09日 phptwitter APIweb関連
twitterに関連したwebサービスを作っているとURL短縮の必要が出てくることが多々あります。 そんな時には、有名なurl短縮サービスを利用することになると思うのですが、代表的なbit.ly、TinyURLを利用する方法です。 …
「PHP 短縮URLのAPIから短縮後のURLを取得」をはてなブックマークに追加

Timestamp out of bounds と表示される時

2011年07月26日 phpweb関連
プログラムを実行しようとすると「Timestamp out of bounds」というエラーが表示されました。 何かと思って調べてみると、どうやらサーバの時間がずれている模様。 なので、以下のようにして解決。 …
「Timestamp out of bounds と表示される時」をはてなブックマークに追加

IE6で透過pngを表示させる。DD_belatedPNG

2012年02月14日 jQuery・javascriptweb関連
DD_belatedPNG 先日、でも触れましたが、DD_belatedPNGというjavascriptを使って、IE6で透過pngを表示させてみました。 DD_belatedPNGの入手 以下のサイトにいって、DD_belatedPNGをダウンロードします。以下のサイト内を下へスクロールしていくと、左のサイドバーにDD_belatedPNG 0.0.8a releasedというリンクがあり…
「IE6で透過pngを表示させる。DD_belatedPNG」をはてなブックマークに追加

レスポンシブ対応 画像メニューをテキスト表示に切り替える

2014年11月15日 HTML5・CSS3web関連
レスポンシブなサイトを作るときに、大きな画面では画像メニュー、スマホなどのサイズでは、テキストメニューにして、メニューボタンに格納したい場合など、画像メニューからテキストメニューにCSSで表示切り替えする方法。 cssの:before attr属性で解決 html [php]<ul id="nav"> <li><a data-tex…
「レスポンシブ対応 画像メニューをテキスト表示に切り替える」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy