テンプレート概要

CDPのすすめ

このテンプレートはCSS着せ替えテンプレート企画専用のものです。同企画はCSSファイルだけを変更することでデザインをチェンジするテンプレート（CDP）を作るという趣旨の試みです。詳細は企画サイトをご覧ください。

ダウンロード

ここではCSSと画像のみの配布となりますので、基礎HTMLは企画サイト内よりダウンロードをお願いします。

やっつけバナー（同梱）

バナー・大 バナー・中 バナー・小

カスタマイズメモ

使用画像と指定先

  • top.jpg [ div#MENU>ul ]
  • border.gif [ div#MENU ]
  • text.gif [ div.text ]
  • h3.gif [ h3 ]
  • pan.gif [ ul#PAN li ]
  • modori.gif [ ul.modori li ]
  • quote_open.gif [ blockquote ]
  • quote_close.gif [ blockquote ]

トップ画像を変更する

imgフォルダ内のtop.jpgを差し替えてください。サイズはどのようなものでも構いませんが、画像の加工が可能であるなら、メニューが重なる部分（画面左より40px〜260pxあたり）に余白を入れた画像が最適です。

背景画像または背景色を変更する

背景画像を設定する場合はimgフォルダ内に背景画像を追加し、CSSを訂正します。style.cssを開き、一例ですが、html{ background-image: url(img/bg.gif); }等の必要な記述を追加してください。背景色を変更する場合は、style.cssを開き、html { background-color: #FFF; }の値を変更してください。

横幅を変更する

style.cssを開き、div#KIZI{ padding: 0 10% 1.2em 40px; }の値を調整してください。