こだわりの北海道産食品を貴方のお手元に!
制作者より
居酒屋などの飲食店に最適なCSSデザインテンプレートです。
私の勝手な妄想の居酒屋です。居酒屋の名前を考えたときになぜか、ぱっと「五右衛門」が浮かんだのですが、きっとそんな名前の居酒屋もたくさんあるとは思いますが、全く関係ありません。デザインも今回は既存のサイトなど参考にしていません。いいのが見つからなかったので。
私の中で、居酒屋のホームページ=黒主体、だったのですが、一体なんなんでしょうね。なんかそんなイメージです。こういう雰囲気だったらバーとかこだわりのある珈琲店とかにも合いそうですね。
完全幅固定タイプです。
全体的な横幅は780px、メインコンテンツ部分540px(余白除く)、サブコンテンツ部分220px(余白除く)です。サブコンテンツ部分はメニューやバナー等を配置することを想定し、幅を広く取りました。
サンプルページ作りました
簡易的ですが、お品書きのページを作成しました。
サンプルはこちらから。
画像について
画像は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
- 番号付きリスト2
- 番号付きリスト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 |