ホームページテンプレートについて

この部分には、ワイドサイズ830px以内の画像が使えます。

シンプルなデザインから、複雑なデザインまで、レイアウトボックスを組み合わせて、いろんなデザインのホームページを作れます。

トップメニューや下メニューは、増やしたり減らしたり出来ます。
以下のタグを追加することで、メニューを増やすことが出来ます。
<li><a href="アドレス">ページ 5</a></li>

見出し <h2></h2>

上のような見出しを使うには、文字を<h2></h2>タグで囲みます。

見出し <h3></h3>

上のような見出しを使うには、文字を<h3></h3>タグで囲みます。

レイアウトボックス1の使い方

<div class="box1">
ここにコンテンツ
</div>

レイアウトボックス1に画像やフラッシュを使うには、横幅830px以内で作成したものが使えます。

この部分には、ワイドサイズ410px以内の画像が使えます。

レイアウトボックス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>タグで囲みます。

この部分には、ワイドサイズ270px以内の画像が使えます。

レイアウトボックス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>タグで囲みます。

この部分には、ワイドサイズ200px以内の画像が使えます。

レイアウトボックス4に画像やフラッシュを使うには、横幅200px以内で作成したものが使えます。

レイアウトボックス1

レイアウトボックス1

レイアウトボックス2

レイアウトボックス2左

レイアウトボックス2

レイアウトボックス2右

レイアウトボックス3

レイアウトボックス3左

レイアウトボックス3

レイアウトボックス3中央

レイアウトボックス3

レイアウトボックス3右

レイアウトボックス4

レイアウトボックス4左

レイアウトボックス4

レイアウトボックス4中央左

レイアウトボックス4

レイアウトボックス4中央右

レイアウトボックス4

レイアウトボックス4右

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

Design by

inserted by FC2 system