ホームページテンプレート 焼肉屋、居酒屋、飲食店向け #013_red(見出しタグ<h1>を使用)

営業時間
平日   00:00〜00:00
土日祝日 00:00〜00:00
定休日  月曜日

通常のテキストは<div class="entry_body">の中に収まるようにしてください。

引用タグ<blockquote>を使用するとこんな感じの囲みになります。
トップ > メニュー

メニュー

テキスト

商品やサービスの紹介リストの解説(一列の場合)

一列での紹介リストは<div class="box1">で囲まれています。サンプルとして200×90ピクセルの画像を置いていますが、枠内の大きさであれば自由なサイズの画像を置くことが可能です。画像にはスタイルシートで自動的に1ピクセルの枠線が入ります。

またテキストのボリュームも個別に自由に設定が可能です。

商品001

ホームページテンプレート



商品001

ホームページテンプレート


商品やサービスの紹介リストの解説(二列の場合)

二列での紹介リストは<div class="box2">で囲まれています。回り込み(float)を使用している関係で、画像サイズとテキストの量に制約があります。

画像は横幅264px以下の画像を用意してください。高さに上限はありません。画像にはスタイルシートで自動的に1ピクセルの枠線が入ります。

商品001

メニューの説明

商品001

メニューの説明


商品001

ホームページテンプレート

商品001

ホームページテンプレート


二列ごとに、必ず回り込みを解除する<br class="clear">を入れてください。

商品やサービスの紹介リストの解説(三列の場合)

三列での紹介リストは<div class="box3">で囲まれています。回り込み(float)を使用している関係で、画像サイズに制約があります。

画像は横幅164px以下の画像を用意してください。高さに上限はありません。画像にはスタイルシートで自動的に1ピクセルの枠線が入ります。

商品001

メニューの説明

商品001

メニューの説明。テキストの量が違っていても、このようにレイアウトが崩れることがありません。

商品001

メニューの説明


商品001

メニューの説明

商品001

メニューの説明

商品001

メニューの説明


三列ごとに、必ず回り込みを解除する<br class="clear">を入れてください。