Home >スクリプト紹介 >YY-CHAT |
- アイコン式チャット -
YY-CHAT Ver:3.1 (アイコン式チャット)
- オリジナルスクリプト機能的な特長
- 参加者は入室時、お好きなアイコンを選択することができ、会話中そのアイコンを本人のイメージとして表示します。
- チャットはフレーム式で自動リロードします。(リロード時間の選択・途中変更も可能)
- 文字色の指定および途中変更が可能です。
- JavaScriptによる発言コメントの自動消去機能にも対応しています。
- クッキー対応により、名前、文字色、アイコン画像情報を2回目以降は事前入力します。
- 管理用ファイルが用意されていますので、ログ削除とIPアドレスによるアクセス制御がブラウザから簡単に設定することができます。
- 全画面がテンプレート式のため、自由にレイアウトやデザインを変更することができます。
サンプル/ダウンロード
展開ファイル内容
●ダウンロード後、解凍 します。解凍すると以下のファイルが展開されます。
index.html ----------------- フレーム用HTMLファイル yychat.cgi ----------------- チャットプログラム admin.cgi ------------------ 管理プログラム init.cgi ------------------- 設定ファイル check.cgi ------------------ 動作チェック用プログラム cmnyychat.css -------------- スタイルシート cmn/admin.css -------------- スタイルシート(管理モード) cmn/*.png ------------------ アイコンファイル data/log.cgi --------------- データファイル data/mem.cgi --------------- 在室ファイル data/deny.cgi -------------- IP拒否ファイル data/rank.cgi -------------- 発言ランキングファイル tmpl/*.html ---------------- テンプレートファイル
ディレクトリ構成例
●全体のディレクトリ構成とファイル位置の設置例は以下のとおりです(かっこ内はパーミッションの設定値)。
ディレクトリ構成例
public_html / index.html(トップページ) | +-- yychat / index.html .... 最初にアクセスするところ | yychat.cgi [755] | admin.cgi [755] | init.cgi [644] | check.cgi [755] | +-- data [777] / log.cgi [666] | mem.cgi [666] | deny.cgi [666] | rank.cgi [666] | +-- cmn / yychat.css | admin.css | *.png | +-- tmpl / *.html
設定修正
●init.cgi をエディタで開いて以下の箇所を修正します。
- $cf{password} = '0123';
- 管理用パスワードを指定します。
- $cf{chat_title} = "YY-CHAT v3.1 PLUS";
- チャットのタイトル名を指定します。
- $cf{homepage} = '../index.html';
- 退室後のURLです。上記のように相対パスか http://からのフルパスで指定します。
- $cf{maxlog} = 30;
- 保持する最大メッセージ数です。これを超えると古い順に削除されます。
- #!/usr/local/bin/perl
- (プロバイダで定められたPerlへのパスを指定します)
パーミッション
ファイル名 | パーミッション | 転送MODE | |
---|---|---|---|
一般サーバ | suEXEC CGIWrap |
||
yychat.cgi check.cgi admin.cgi |
755 or 705 | 701 or 700 | Ascii |
init.cgi | 644 or 604 | 600 | Ascii |
cmn/yychat.css cmn/admin.css |
- | - | Ascii |
data/log.cgi data/mem.cgi data/deny,cgi data/rank.cgi |
666 or 606 | 600 | Ascii |
tmpl/*.html | - | - | Ascii |
以上、作業が完了したら「チェックモード」で動作チェックを行ないましょう。
「check.cgi」に直接アクセスすることで、簡易的なチェックを行うことができます。なお、動作チェック後はcheck.cgiはファイル削除しておきます。
改造点
Date:2021/03/21
コメント枠色選択機能追加。
共有フォルダ {cmnフォルダ} を新設して、独立させたCSSファイル {スタイルシート} を格納した。
チャット画面のデザインを改良した。
文字色とは別にコメント枠の色を選択可能。/b>
HTML画面をHTML5準拠とした。共有フォルダ {cmnフォルダ} を新設して、独立させたCSSファイル {スタイルシート} を格納した。
チャット画面のデザインを改良した。
変更点
Date:20**/**/**
デザイン(一部カラーリングなど)
バグ修正
Date:20**/**/**