制作者より

カフェなどの飲食店に最適なCSSデザインテンプレートです。

カフェやコーヒー店なら、比較的落ち着いた色味が合いますね。特に茶系だとナチュラル感が出ますし、濃い茶色であれば落ち着いた感じが出ます。

今回は本当の意味でのインデックスページ(入り口ページ)を作ってみました。店舗などによってインデックスに出したい情報って違うと思うのでいろいろカスタマイズしてみてください。

完全幅固定タイプです。
全体的な横幅は780px、メインコンテンツ部分540px(余白除く)、サブコンテンツ部分220px(余白除く)です。サブコンテンツ部分はメニューやバナー等を配置することを想定し、幅を広く取りました。

サンプル画像について

写真は足成様[カフェの店内 (写真素材 足成)][豚キムチライス (写真素材 足成)][カフェー (写真素材 足成)]からお借りしました。
これらの画像はダウンロードファイルには含まれていません。使用されたい場合は、足成様のWebサイトからダウンロードしてください。その際、利用規約をよくお読みの上、ご使用ください。

画像について

画像はCoolWebWindow作です。色の変更などの編集も可能です。ご自由にお使いください。

ページ上部への戻りリンクについて

ページ上部への戻りは、JavaScriptを用いて、なめらかにスクロールしながら移動するようにしております。

カスタマイズについて

カスタマイズはご自由になさってください。
制限はありません。

その他、不具合などございましたら
CoolWebWindowにお知らせください。

サンプルタグについて

以下、サンプルタグになります。ご利用の際は参考にしてみてください。

INFORMATION

2009-04-28
○○新聞に取材を受けました。
2009-04-24
休業のお知らせ。誠に勝手ながら5月2日から6日まで長期休暇日とさせていただきます。ご了承ください。

タグサンプル

h3タグ

h4タグ

h5タグ
h6タグ

強調(em) より強い強調(strong) 追加(ins) 削除(del)
テキストアンカー

リスト

普通のリスト

  • 普通のリスト1
  • 普通のリスト2
  • 普通のリスト3

番号付きリスト

  1. 番号付きリスト1
  2. 番号付きリスト2
  3. 番号付きリスト3
    li要素の中はブロックレベルのタグを使用することが出来ます。例えば、<p>タグも記述することが出来ます。

定義リスト

定義リスト1
定義した用語の説明
定義リスト2
定義した用語の説明
定義リスト3
定義した用語の説明
dd要素の中はブロックレベルのタグを使用することが出来ます。例えば、<p>タグも記述することが出来ます。しかし、dt要素にはインライン要素しか記述することができません。

テーブル

見出し1見出し2見出し3見出し4見出し5
セル1セル2セル3セル4セル5
セル1セル2セル3セル4セル5
セル1セル2セル3セル4セル5