掲示板の設置法
掲示板をページ内に設置するには
ホームページテンプレートに掲示板を設置するには、インラインフレーム<iframe></iframe>を 使って設置することで、メニューやサイドバーを維持したまま、ページ内に掲示板を設置することができます。
<iframe src="掲示板のURL" height="高さ" width="横幅" frameborder="フレームの枠線（表示1 非表示0）">
対応していないブラウザのためのメッセージ</iframe>
高さは、好みのサイズに調整します。
使用法
<!-- main▼ -->
<div id="main">
<!-- メインコンテンツ▼ -->
<iframe src="bbs.cgi" height="400" width="100%" frameborder="0">
<a href="bbs.cgi">フレーム未対応はこちらから</a>
</iframe>
<!-- メインコンテンツ▲ -->
</div>
<!-- main▲ -->
ホームページテンプレート フレームタイプに掲示板を設置する場合
ホームページテンプレートフレームタイプで、インラインフレームを使って高さを100%に設定すると、Internet Explorer8は、高さがはみ出てしまうので、高さを（height="99%"）または、（高さ-3px）に設定します。
(高さを変更していない場合、高さ height="397px")
使用法
<!-- main▼ -->
<div id="main">
<!-- メインコンテンツ▼ -->
<iframe src="bbs.cgi" height="99%" width="100%" frameborder="0">
<a href="bbs.cgi">フレーム未対応はこちらから</a>
</iframe>
<!-- メインコンテンツ▲ -->
</div>
<!-- main▲ -->
レンタル掲示板を設置する
レンタル掲示板は、自分のホームページスペースでcgiが使えない場合でも、掲示板を使うことができます。
設置も簡単で、掲示板のアドレスをページに張るだけで使えます。
PV-board 無料レンタル掲示板【Style BBS 画像掲示板 携帯対応】 の掲示板は、
画像やフラッシュの投稿、簡単タグ入力、YouTube動画の貼り付け、セキュリティ機能も豊富で、
携帯掲示板は広告なし、など多機能で無料で使えるとても使いやすい掲示板です。
スタイルシートも自由に設定できるので、ホームページテンプレートと掲示板のデザインを同じにすることができます。
使い方は掲示板にリンクするだけで使えます。
使用法
<!-- main▼ -->
<div id="main">
<!-- メインコンテンツ▼ -->
<iframe src="http://掲示板のURL" height="400" width="100%" frameborder="0">
<a href="http://掲示板のURL">フレーム未対応はこちらから</a>
</iframe>
<!-- メインコンテンツ▲ -->
</div>
<!-- main▲ -->
レンタル掲示板のスタイルシート
ホームページテンプレートと同じデザインのPV-board 無料レンタル掲示板 Style BBSのスタイルシート
ホームページテンプレート３分割タイプにレンタル掲示板を設置する場合
ホームページテンプレート３分割タイプに、Style BBSを設置すると、ワイドサイズが
はみ出てしまうので、掲示板を設置するページは２分割にすることではみ出るのを防げます。
２分割にするには、ホームページテンプレート３分割タイプの以下の部分を削除します。
<!-- main▲ -->
<!-- right▼ -->
<div id="right">
<!-- rightコンテンツ▼ -->
<h4>見出し</h4>
<p>
ここにテキスト
</p>
<!-- サイドボックス▼ -->
<div class="box_head">サイドボックス</div>
<div class="box_main">
<p>
ここにテキスト
</p>
</div>
<!-- サイドボックス▲ -->
<h5>見出し</h5>
<!-- rightコンテンツ▲ -->
</div>
<!-- right▲ -->
<!-- footer▼ -->
掲示板を設置します。
（id="main"） を （id="main2"） にします。
<!-- main▼ -->
<div id="main2">
<!-- メインコンテンツ▼ -->
<iframe src="http://掲示板のURL" height="400" width="100%" frameborder="0">
<a href="http://掲示板のURL">フレーム未対応はこちらから</a>
</iframe>
<!-- メインコンテンツ▲ -->
</div>
<!-- main▲ -->
ホームページテンプレートのスタイルシートに、以下を追加します。
一番下などに追加します。
#main2{
float:left;
width:650px;
overflow:hidden;
}