Blog

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

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


comment : 0

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

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

素材内容

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

バナーの設置

自分がよく行くユナイテッドシネマのバナーを設置しました。     設置方法などいろいろと調べたら時間がかかりましたが、Wordpressのプラグインで「AdRotate」を使用することでバナーを設置し…

headerナビの作成

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

jQueryでのロールオーバー

globalNavのロールオーバーはCSSで出来ますが、今回はjQueryを使用してロールオーバーを作成したいと思います。 ロールオーバーはNavによく使用すると思うので、Dreamweaverであればスニペットなどに記…

コメントを残す