Blog

Web Designに役立つコーディングのブログです。
自分の趣味の内容も記載しているので、興味をお持ちの方はご覧ください。

グローバルナビゲーション素材


comment : 0

自分が作成したグローバルナビゲーションの素材をダウンロードできるようにしてみました。使用してみたいと思った方は下のボタンからダウンロードできるようにしています。是非、ダウンロードしてみてください。

globalnav_20130606
 
素材は項目が6つ分で作成しています。1つの幅は160pxに設定しています。
 

素材内容

 
・グローバルナビゲーション 4種類(青、赤、黄色、緑)
・グローバルナビゲーション企業用 1種類(白)
・リスト用img 1種類 ※グローバルナビゲーション企業用
 
▼グローバルナビゲーション
形式 :jpg、png
幅 :960px
高さ : 40px
 
▼リスト用img
形式 :png
幅 :15px
高さ : 15px
 
以下よりダウンロードができます。
グローバルナビゲーション

headerナビの作成

headerにあるnavを作成した方法を記述します。IE6でも対応させて表示できるようにzoomを使用しています。 HTMLでのコーディング ①ヘッダー内にdivを作成します。 ②リストにそれぞれclassを設定します。…

ブログの新規公開

  この度、ブログの新規開設をしました。 webコーディング、素材サイト、日々の出来事などを記事にして紹介する予定です。興味をお持ちの方は是非ご覧ください。 また、何かありましたらブログ内のコメントか、お問合わ…

グローバルナビゲーションの設置

前回の投稿記事にグローバルナビゲーションの素材をダウンロードできるようにしましたが、今回はその素材を使用してグローバルナビゲーションをコーディングしてみました。   HTML   divとulにIDを…

コメントを残す