前の記事 ≪:ブラウザ上でサクッとCSSデザインできちゃう超便利なjQueryプラグイン...
次の記事 ≫:アイデア満載なフリーのソーシャルアイコン色々

CSSスプライトを使ったナビゲーションメニュー作成サンプルとチュートリアル

2010年01月28日-はてなブックマーク

スポンサード リンク
How to Make a CSS Sprite Powered Menu | Build Internet!

CSSスプライトを使ったナビゲーションメニュー作成サンプルとチュートリアル。
CSSスプライトによって実装された次のようなクールなメニューを作成するチュートリアルと、成果物のアーカイブがダウンロードできます。



メニューは綺麗な ul のリストで作れるのでマークアップ的にも安心です。

<ul>
  <li>・・・</li>
  <li>・・・</li>
  <li>・・・</li>
</ul>

コードがシンプルに掲載されていてわかりやすいものになってますので入門にもよさそう。

関連エントリ
関連の記事検索:CSS, チュートリアル
スポンサード リンク

By.KJ : 2010年01月28日 10:06 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitterでお願いします(クリック)