ホームページの無料テンプレート素材を配布しています
初心者の方のために専用の作成ソフトもご用意

情報ボックス

このボックスを表示するには、<div id="MesBox">で指定します。

上の”情報ボックス”というタイトルを表示させるには<H4>タグで括って表示します。

下のHomePageTemplatersへのリンクは削除禁止です。

Googleで検索


スポンサードリンク


記述場所について

このテンプレートは、大きく分けてヘッダー部分、コメント部分、リンク部分、左側、右側、内容部分、著作権表示部分に分かれています。

ヘッダー部分は、<div id="TopArea">から</div>まで。
コメント部分は、<h1>から</h1>まで。
リンク部分は、<div id="navi">から</div>まで。
左側は、<div id="LeftArea">から</div>まで。
内容部分は、<div id="ContentsArea">から</div>まで。
右側は、<div id="RightArea">から</div>まで。
著作権表示部分は、<div id="CopyRight">から</div>まで。

の間に記述します。記述する順番は上記の順にして下さい。

メニューリンクの貼り方

現在表示しているページは以下の通りclassにselectedを指定します。

<li class="selected">トップページ

リンクさせるページは以下の通りclassにmenuを指定します。

<li class="menu"><a href="bbs.cgi">BBS</a>

リンクにマウスカーソルを合わせると黒く変化します

左右の情報ボックスの設置方法

コードは以下の通りです。

まず<h2>タグでタイトルを設定します。
そして<div>タグでidにMesBoxを設定します。
内容を記述して、</div>でタグを閉じます。

<h2>新着情報</h2>
<div id="MesBox">
ホームページテンプレーター始めました。<br><br>
法人・個人に関わらず無料です。商用サイト・非商用サイトでの
利用も問題ありません。<br><br>
もちろん、自由に改良して頂いて結構です。
</div>

本文の記述方法

まず、<h3>タグでタイトルを記述します。

<h3>本文の記述方法</h3>

次に、<p>タグでidにContentsBoxを設定します。
内容を記述して、</p>でタグを閉じます。

<p id="ContentsBox">
本文の内容
</p>

上部の画像(GrayTone)について

画像のサイズは800×60ピクセルになっています。そのサイズに合わせてご自由にお作りください。

右側にサイトのコメントが入りますのでその分の余白を設けておいてください。

当サイトへのリンクの消去について

このテンプレートには当サイトへのリンクが貼ってあります。そのリンクを消したり、見えにくくするようなことはしないで下さい。

改変することも不可です。詳細は利用規定をご覧下さい。

スポンサードリンク