2018年7月21日
  |  ログイン
 

VACCO-TWOTONE 最小化

【概要】

シンプルなレイアウトに、複数の色を一つのスキンに収容。SIMPLE01よりは若干デザイン重視。

【レイアウト】

各色とも2ペイン(右側サイドペイン)のみ。ただし、TopPane,BottomPaneを使用することで、1Paneとして使用することも可能。メニューは横方向のみ。各ペインの幅は、サイドが220px、センターが640pxの固定幅で、コンテナの配置場所は不問だが、名前の通り、CENTERは左のメイン、RIGHTは右サイドに配置することを想定。

【色】

タイトルバーの色や有無により、NAVY, GREEN, OLIVE, ORNGE, NOTITLE, PURPLE, REDを組み合わせたスキン&コンテナ。コンテナは左(メイン)ペイン用が色+CENTER、右サイドペイン用が色+RIGHT。

【注意事項】

ヘッダ部左にロゴ、右部に写真などを入れるバナーペインがあり、両者が重なるとレイアウトが崩れるので、そのあたりを考慮しつつコンテンツを作成。

【適用事例】

http://www.nabeduru.com/

※カスタマイズあり