HOME

楽しい消防団

自転車に乗ろう

私がせんむ

パソコンレスキュー隊

せんむのQ&A

PC改造部屋

宮中囃子連

掲示板

リンク集

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


カウンターをつけよう

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

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

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

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

HP作成ソフトを使わなくても、テキストエディター(メモ帳)でできます。ただし、Windowsの例です。初心者のせんむが書いたものですので、無駄なHTMLがあるかもしれません、m(_ _)m

 by せんむ

 

 1.拡張子を表示させます。

 「スタート」「設定」「フォルダオプション」と開き、「表示」タブをクリック、
 「選択された拡張子を表示しない」のチェックを外して、OKを押します。
 これで拡張子が表示されます。

 

 2.テキストエディター(メモ帳)を起動し、新規作成で下記のHTMLをコピーします。


 
日本語(本文)以外の部分はすべて半角英数字です。
 

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

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

 

 3. 自分にあわせて修正したら、「bbs.htm」と名前をつけて保存します。

 

 4.拡張子が「.TXT」のままで保存した場合はファイルを右クリック、「名前の変更」でbbs.htm に変更します。

 名前は何でもいいですが、拡張子に注意、ピリオドを忘れないように
 
アイコンがIEのアイコンに変ると思います。

 

5.テキストエディター(メモ帳)を起動し、新規作成で下記のHTMLをコピーします。


 日本語(本文)以外の部分はすべて半角英数字です。

<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に表示されます。数字を変えるとフォントの大きさが変更できます。1〜7です、3が標準。

<body bgcolor="white" text="black">の部分で背景の色を設定できます。掲示板と同じ背景色にする場合はwhiteの部分を色の名前、または『#・・・・・・』というように背景色と同じ色コードに変更します。

 色コードを使う時は #  を忘れずに書くこと

背景画像を使いたい時は

<body bgcolor="white" text="black">の部分を

<body background="・・・・・.gif" bgcolor="white" text="black">のように書き直します。

・・・・.gif は画像のファイル名です。
フォルダに入れてあるときはフォルダ名/ファイル名にすること。

<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です。
 

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

 

6.自分にあわせて修正したら、「bbsmenu.htm」と名前をつけて保存します。

拡張子が「.TXT」のままで保存した場合はファイルを右クリック、「名前の変更」で「bbsmenu.htm」に変更します。

 名前は何でもいいですが、拡張子に注意、ピリオドを忘れないように
 
アイコンがIEのアイコンに変ると思います。

 

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

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

 この例の場合はフレームセットページのファイル名はbbs.htmなので、
 掲示板へのリンク先は
 
http://www.sopia.or.jp/libre/i_am_senmu/bbs.htm となります。

 

 8.すべてできたら、FTPソフトを使って自分のHPにアップロ-ド(転送)します。

 他のHPファイルと同じフォルダに保存しておくと、管理がしやすくていいと思います。
 ちゃんと表示されるか確認しましょう。

 

カウンターをつけよう

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

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

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

ページTOPへ


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

 

 


女の子お絵かき掲示板ナスカiPhone修理