graffiti on the web レスポンシブなサイトを作るときに、大きな画面では画像メニュー、スマホなどのサイズでは、テキストメニューにして、メニューボタンに格納したい場合など、画像メニューからテキストメニューにCSSで表示切り替えする方法。
cssの:before attr属性で解決
html
[php]<ul id="nav">
<li><a data-tex…
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
この投稿へのコメント
コメントはまだありません。