 |
● ● ● ● ● ● |
| |
 | |
|
チャットで遊ぼう!!
このチャットはとほほのWWW入門の無料プログラムから、表示デザインをたかのオリジナルに変えてみました。
初期設定はくまちゃん仕様です。
うさぎちゃん仕様・かえるちゃん仕様・おさるちゃん仕様もありますよ。画像は「くまちゃんの道具箱」からコピーして下さいね。
●表示サンプルはこちら
このチャットもCGIなので、最初のページで解説したプロバイダーの設定等を確認しましょう。
ファイルを用意します。
▼chatフォルダー
| (ここに必要なファイルを収納します。(画像も))
|_●index.htm 空のファイル
|_●wwwchat.cgi <755>
|_●wwwchat.tmp <666>
|_●wwwchat.dat <666>
|_●wwwchatx.htm
|_●wwwchaty.htm
|_●back_kuma.jpg
|_●kuma.gif
|_●chattitle.gif
●lock <777> 空のフォルダー
wwwchat.cgiはここをクリックして表示された文字列をメモ帳・simple textなどのワープロソフトにコピーしてwwwchat.cgiと名前をつけてテキスト形式でchatフォルダーの中に保存します。
wwwchatx.htmもクリックすると文字列が表示されるので、同様にワープロソフトにコピー&ペーストし、wwwchatx.htmと名前をつけてテキスト形式で保存します。
wwwchaty.htmはクリックすると画面が表示されます。ブラウザーの「名前をつけて保存」を選び wwwchaty.htmと名前をつけて「ソース表示」で保存します
index.htmは、単にフォルダー内を覗かれないようにするための、何も書いてないファイルです。ワープロソフトで何も入力せずにテキスト形式でindex.htmと名前を付けて保存します。
wwwchat.datとwwwchat.tmpもindex.htmと同様に作成します。
back_kuma.jpgとkuma.gifとchattitle.gifは「くまちゃんの道具箱」からコピーします。
初期設定はくまちゃん仕様ですが、かえるちゃん仕様にする場合には
1. 「くまちゃんの道具箱」からback_kaeru.jpgとkaeru.gifをコピーして、chatフォルダーに保存しておきます。
2. wwwchat.cgiをワープロソフトで開きます。
3. 最後に近い部分に(# Print HTML document 背景の変更はここ)という文字があります。その文字から8行下がったところの<BODY background=back_kuma.jpg>のback_kuma.jpgをback_kaeru.jpgと変更します。これで書き込み欄の背景がかえるちゃん仕様になります。
4. wwwchaty.htmをワープロソフトで開きます。
5. <!---この下kuma.gifを好きな画像に変更します---> という文を探して下さい。下の<IMG SRC="kuma.gif">をkaeru.gifに変更します。これでキャラクターがかえるちゃんになります。
6. また<!---この下../index.htmを戻りたいページに変更します--->の下
function goback() {
top.location.href = "../index.htm";
の../index.htmを戻りたいページに変更します。
その他、wwwchat.cgiで設定の変更ができる部分があります。
始めの方更新履歴の後に$max_msgs = 10とあります。発言の表示件数が10件となっていますが、20にすると20件となります。0にすると今までの発言が全て表示されます。
$allow_tags = 0の0はhtmlタグを使えないように指定しています。1に変更すると使えます。(書き込む人が文字の色を変えたり画像を入れたりできます)
ホームページと同じようにサーバーに転送します。
転送したらパーミッションの設定を行います。
ホームページビルダーのファイル転送を使用の人は、転送した後に該当ファイルを右マウスでクリック、アクセス権の変更を選択すると設定ができます。フリーソフトも同じように「パーミッションの変更」あるいは「アクセス権の変更」で設定します。
wwwchat.cgiは<755>です。上の表を参照下さい。数値のないファイルはそのままでいいです。
リンクはwwwchatx.htmにします。
さて、うまくチャットが表示されたでしょうか。
※CGIは自分のパソコン上では表示されませんよ。
t o t o p