掲示板にカウンターを設置する実際例

フレームを使ってカウンターを設置する実際例

HP作成ソフトを使用した時の実際例（私の例です）　です。ソフトによって違いがありますので、HTMLを変更するやり方を紹介します。初心者のせんむが書いたものですので、無駄なHTMLがあるかもしれません。
m(_ _)m　ｂｙ　せんむ

　１.HP作成ソフトを起動し、新規作成でフレームためのファイルを２個作ります。

　２.フレームセットのファイルをbbs.htm 、目次ファイルをbbsmenu.htm　と名前を付けます。
　　　（名前はなんでもOKですが、半角英数字）

　３.、bbs.htm　ファイルのHTMLの画面を開きます。

HP作成ソフトの場合、作成画面、プレビュー画面、HTMLの画面があると思います。
　（作成画面ではありません）

　４.次のHTMLをコピーします。

日本語（本文）以外の部分はすべて半角英数字です。（色をつける必要はありません）
　　新規作成ページだと<html><head><body></body><frameset>などは既に書かれていると思います。
　　一度すべて削除してから、下記をすべてコピーしてもいいですし、<head>から</head>の間、
　　<frameset>から</frameset>の間､<body>から</body>の間をコピーしてもOKです。

　自分にあわせて修正したら、保存します。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<title>せんむのおまけの掲示板です</title>
</head>
<frameset rows="1*" cols="13%, 87%" border="0">
<frame src="bbsmenu.htm" name="frame1" scrolling="no" marginwidth="1" marginheight="1">
<frame src="http://bbs.nazca.co.jp/2/omake/" name="frame2" scrolling="auto" marginwidth="1" marginheight="14">
<noframes>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
このページを表示するには、フレーム対応のブラウザが必要です。 
</body>
</noframes>
</frameset>
</html>

タグの説明

せんむのおまけの掲示板です　の部分は自分の掲示板のタイトルを書きます。

http://bbs.nazca.co.jp/2/omake/　の部分は自分の掲示板のURLに変更します。

rows="1*"の部分はフレームを上下に分割する割合です。
上下に分割しない時は書く必要はありません。
上下に分割する時はrows="20%, 80%"のように書きます。

cols="13%, 87%"の部分はフレームを左右に分割する割合です。
左右に分割しない時は書く必要はありません。
この例では左側の小さいほうが１３％、右側の大きいほうが８７％の割合で画面を分割します。
数字を変えれば大きさも変ります。

border="0"にすると、フレームの分割境界がなくなりますので、この方がいいと思います。

marginwidth="1" marginheight="14"はページの幅と高さの余白です。適当に調整してください。

<noframes>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
このページを表示するには、フレーム対応のブラウザが必要です。 
</body>
</noframes>

の部分はフレーム未対応のブラウザ用のコメントです。

　５.bbsmenu.htm　ページのHTMLの画面を開きます。（作成画面ではありません）

　６. 次のHTMLをコピーします。

　日本語（本文）以外の部分はすべて半角英数字です。（色をつける必要はありません）

新規作成ページだと、<html><head><body></body>などは既に書かれていると思います。

一度すべて削除してから、下記をすべてコピーしてもいいですし、
　　<head>から</head>の間、<body>から</body>の間をコピーしてもOKです。

　　自分にあわせて修正したら、保存します。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<title>せんむのおまけの掲示板目次</title>
</head>
<body bgcolor="white" text="black">
<a href="http://counter.nazca.co.jp/cgi-bin/banner.cgi?user=omake">
<img src="http://counter.nazca.co.jp/cgi-bin/counter.cgi?user=omake" border="0"></a>
せんむのおまけの掲示板
<a href="http://www.sopia.or.jp/libre/i_am_senmu/" target="_top">
HOME
</a>
<a href="mailto:i_am_senmu@anet.ne.jp"MAIL
</a>
</body>
</html>

タグの説明

はナスカのカウンタを表示させるためのHTMLです。

omake　の部分を自分のカウンターのIDに変更します。

カウンターのみを設置する場合は他の部分は書かなくてもいいのですが、上の例の場合を以下に簡単に説明します。

せんむのおまけの掲示板

は「せんむのおまけの掲示板」の部分がHPに表示されます。

の部分は、特に書かなくてもいいですが、この例の場合は、それぞれ「HOME」「MAIL」という文字に自分のHP、メールアドレスへのリンクを設定しています。

　http://www.sopia.or.jp/libre/i_am_senmu/

　mailto:i_am_senmu@anet.ne.jp　を自分のに変更すればOKです。

実際にはリンクを設定したり、背景に色をつけたり、画像を使いたい時はHP作成ソフトの作成画面でしたほうが簡単です。

フレームページでリンクを設定する場合は、target="_top"を入れるといいです。これはリンク先に飛ぶ時、現在のフレームを解除して新しい画面で表示しろ、という命令です。代わりにtarget="_blank"にするとリンク先に飛ぶ時、現在のページを閉じないで別の画面を開くようになります。このどちらかを入れないと、リンク先のページが掲示板のフレームの中に表示される、というおかしなことになりますので注意が必要です。

　７.自分のHPから掲示板へのリンクを書き直します。

　直接掲示板へリンクするのではなく、リンク先を上で作ったフレームセットページのURLにすること。

　　この例の場合はフレームセットページのファイル名はbbs.htmなので

　　掲示板へのリンク先は　http://www.sopia.or.jp/libre/i_am_senmu/bbs.htm　となります。

　８.すべてできたら、自分のHPにアップロ-ド（転送）します。ちゃんと表示されるか確認しましょう。

＝＝＝＝＝＝＝＝＝お　ま　け＝＝＝＝＝＝＝＝

BGMを自動演奏させないで、閲覧者がBGMをON、OFFできるようにするには、『１３. タイトル音楽貼り付け』　で　『使用しない』　にチェックを入れ、フレームのbbsmenu.htm　ページにMIDIファイルへのリンクを書きます。上のフレーム作成を参照してください。

例　<embed src="midi/ny16.mid" width="144" height="45" border="0" autostart="false" loop="true" volume="50">

　と書くと下のようになります。

autostart="false"を書いてあるので自動演奏しません。
▲をクリックすると演奏開始、■をクリックすると演奏が止まります。
width="144" height="45"の数字を変えるとインラインムービーの見た目の大きさが変ります。
autostart="false"をautostart="true"にすると、自動演奏になります。
loop="true"は繰り返し演奏です。一回のみ演奏させる場合はこれを削除します。

ただし、あらかじめMIDIファイルをアップロードしておく必要があります。

再生ボタンを押すと音楽が鳴ります

カウンターをつけよう	テキストエディター（メモ帳）でカウンタを設置する実際例
フレームを使った掲示板の見本	カウンターの設定変更の方法