ホームページテンプレートについて
シンプルなデザインから、複雑なデザインまで、レイアウトボックスを組み合わせて、いろんなデザインのホームページを作れます。
トップメニューや下メニューは、増やしたり減らしたり出来ます。
以下のタグを追加することで、メニューを増やすことが出来ます。
<li><a href="アドレス">ページ 5</a></li>
見出し <h2></h2>
上のような見出しを使うには、文字を<h2></h2>タグで囲みます。
見出し <h3></h3>
上のような見出しを使うには、文字を<h3></h3>タグで囲みます。
レイアウトボックス1の使い方
<div class="box1">
ここにコンテンツ
</div>
レイアウトボックス1に画像やフラッシュを使うには、横幅830px以内で作成したものが使えます。
レイアウトボックス2に画像やフラッシュを使うには、横幅410px以内で作成したものが使えます。
スクロールボックス
・
・
・
スクロールボックス
・
・
・
スクロールボックス
上のようなスクロールボックスを使うには
<div class="sbox">
ここにコンテンツ
</div>
とすることで使うことができます。
高さが150pxを超えるとスクロールバーが出ます。
見出し <h4></h4>
上のような見出しを使うには、文字を<h4></h4>タグで囲みます。
見出し <h5></h5>
上のような見出しを使うには、文字を<h5></h5>タグで囲みます。
レイアウトボックス2の使い方
<div class="box2">
<div class="left1">
ここに左のコンテンツ
</div>
<div class="right1">
ここに右のコンテンツ
</div>
</div>
カラーボックス
・
・
・
上のようなカラーボックスを使うには
<div class="cbox">
ここにコンテンツ
</div>
とすることで使うことができます。
見出し <h4></h4>
上のような見出しを使うには、文字を<h4></h4>タグで囲みます。
見出し <h5></h5>
上のような見出しを使うには、文字を<h5></h5>タグで囲みます。
レイアウトボックス3に画像やフラッシュを使うには、横幅270px以内で作成したものが使えます。
レイアウトボックス3の使い方
<div class="box3">
<div class="left2">
ここに左のコンテンツ
</div>
<div class="center1">
ここに中央のコンテンツ
</div>
<div class="right2">
ここに右のコンテンツ
</div>
</div>
レイアウトボックス4の使い方
<div class="box4">
<div class="left3">
ここに左のコンテンツ
</div>
<div class="center2">
ここに中央左のコンテンツ
</div>
<div class="center3">
ここに中央右のコンテンツ
</div>
<div class="right3">
ここに右のコンテンツ
</div>
</div>
見出し <h4></h4>
上のような見出しを使うには、文字を<h4></h4>タグで囲みます。
見出し <h5></h5>
上のような見出しを使うには、文字を<h5></h5>タグで囲みます。
レイアウトボックス4に画像やフラッシュを使うには、横幅200px以内で作成したものが使えます。
レイアウトボックス1
レイアウトボックス1
レイアウトボックス2
レイアウトボックス2左
レイアウトボックス2
レイアウトボックス2右
レイアウトボックス3
レイアウトボックス3左
レイアウトボックス3
レイアウトボックス3中央
レイアウトボックス3
レイアウトボックス3右
レイアウトボックス4
レイアウトボックス4左
レイアウトボックス4
レイアウトボックス4中央左
レイアウトボックス4
レイアウトボックス4中央右