HOME

楽しい消防団

自転車に乗ろう

私がせんむ

パソコンレスキュー隊

せんむのQ&A

PC改造部屋

宮中囃子連

掲示板

リンク集

[ナスカの助け合い掲示板]  [せんむのおまけのページ]  目次へ


 

カウンターをつけよう

テキストエディター(メモ帳)でカウンタを設置する実際例

フレームを使った掲示板の見本

カウンターの 設定変更の方法

 

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


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

 

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

 

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

 

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

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

 

 4.次の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">
<p>このページを表示するには、フレーム対応のブラウザが必要です。 </p>
</body>
</noframes>

</frameset>
</html>

 

タグの説明

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

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

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

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

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

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

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

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

 

 

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

 

 6. 次の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>
<font size="3">せんむのおまけの掲示板</font>
<a href="http://www.sopia.or.jp/libre/i_am_senmu/" target="_top">
<font size="3">HOME</font>
</a>
<a href="
mailto:i_am_senmu@anet.ne.jp"<font size="3">MAIL</font>
</a>
</body>
</html>

 

タグの説明


<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>

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

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

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

<font size="3">せんむのおまけの掲示板</font>

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

<a href="http://www.sopia.or.jp/libre/i_am_senmu/" target="_top">
<font size="3">HOME</font>
</a>
<a href="
mailto:i_am_senmu@anet.ne.jp"<font size="3">MAIL</font>
</a>

の部分は、特に書かなくてもいいですが、この例の場合は、それぞれ「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"にするとリンク先に飛ぶ時、現在のページを閉じないで別の画面を開くようになります。このどちらかを入れないと、リンク先のページが掲示板のフレームの中に表示される、というおかしなことになりますので注意が必要です。

 

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

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

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

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

 

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

 

=========お ま け========

BGMを自動演奏させないで、閲覧者がBGMをON、OFFできるようにするには、『13. タイトル音楽貼り付け』 で 『使用しない 』 にチェックを入れ、フレームの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ファイルをアップロードしておく必要があります。

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

 ページTOPへ


[ナスカの助け合い掲示板]  [せんむのおまけのページ]  目次へ 相談や質問は掲示板へ

 

 


女の子お絵かき掲示板ナスカiPhone修理池袋 ブラジリアンワックス