アイコンを使ったメニューを追加しましたのでそのメモ書きです。スプライトを利用してヘッダ部分にメニューを作って行きます。スプライトとは複数の画像ファイルを一枚の画像にに連結して、スタイルシートで範囲を選択し画像を表示させる技術です。リクエスト数を減らす事ができるので、サーバ負荷の軽減とコンテンツ表示の高速化が期待できます。アイコンメニューの完成イメージはこのような感じです。スプライトを利用して作ったメニューアイコン作り方を以下で説明していきます。スポンサーリンクアイコン素材を使ってCSSスプライトを作成する最初にメニューに使用するアイコン素材を準備する必要があります。等のアイコンも用意するといいと思います。下記で各種アイコン素材のリンクをまとめておきます。