◆アイデアとデザイン力でビジネスに彩りを添える、株式会社ウイングエージェンシーの情報発信サイトです!

★選んで使える《メニュー・横》のサンプル集
 グローバルメニューは、ホームページを閲覧する人にとってはとても重要なパーツです。タイトルに次ぐページの顔といえるかもしれません。現在、メニューのほとんどは、リストタグをCSSでデザインしてつくられており、面倒で手間のかかる画像などはあまり用いらなくなっています。本メニューのサンプルは、CSSを駆使したシンプルながら、わかりやすくて使いやすいデザインとしています。縦横メニューともに、ページ上の任意の場所で自由に使い回すことができる、実効的なサンプルです。
◆メニュー横-ライン
◇メニュー横・ライン me_x-line-a01

 

◇メニュー横・ライン me_x-line-aa01

 

◇メニュー横・ライン me_x-line-b01

 

◇メニュー横・ライン me_x-line-bb01

 

◇メニュー横・ライン me_x-line-c01

 

◇メニュー横・ライン me_x-line-cc01

 

◇メニュー横・ライン me_x-line-d01

 

◇メニュー横・ライン me_x-line-dd01

 

◆メニュー横-カラー(淡)
◇メニュー横・カラー(淡) me_x-color-a01

 

◇メニュー横・カラー(淡) me_x-color-a02

 

◇メニュー横・カラー(淡) me_x-color-a03

 

◇メニュー横・カラー(淡) me_x-color-a04

 

◇メニュー横・カラー(淡) me_x-color-a05

 

◇メニュー横・カラー(淡) me_x-color-a06

 

◇メニュー横・カラー(淡) me_x-color-a07

 

◇メニュー横・カラー(淡) me_x-color-a08

 

◇メニュー横・カラー(淡) me_x-color-a09

 

◇メニュー横・カラー(淡) me_x-color-a10

 

◆メニュー横-カラー(濃)
◇メニュー横・カラー(濃) me_x-color-b01

 

◇メニュー横・カラー(濃) me_x-color-b02

 

◇メニュー横・カラー(濃) me_x-color-b03

 

◇メニュー横・カラー(濃) me_x-color-b04

 

◇メニュー横・カラー(濃) me_x-color-b05

 

◇メニュー横・カラー(濃) me_x-color-b06

 

◇メニュー横・カラー(濃) me_x-color-b07

 

◇メニュー横・カラー(濃) me_x-color-b08

 

◇メニュー横・カラー(濃) me_x-color-b09

 

◇メニュー横・カラー(濃) me_x-color-b10

 

◆メニュー横-ボタン
◇メニュー横・ボタン me_x-btn-a01

 

◇メニュー横・ボタン me_x-btn-a02

 

◇メニュー横・ボタン me_x-btn-a03

 

◇メニュー横・ボタン me_x-btn-a04

 

◇メニュー横・ボタン me_x-btn-a05

 

◇メニュー横・ボタン me_x-btn-a06

 

◇メニュー横・ボタン me_x-btn-a07

 

◇メニュー横・ボタン me_x-btn-a08

 

◇メニュー横・ボタン me_x-btn-a09

 

◇メニュー横・ボタン me_x-btn-a10