グラデーション☆ボ〜ド
★サンプル1★レスを一行でグラデーション無しにしています。
☆サンプル2☆レスを複数行でグラデーション表示にしています。
最終更新日:2004年01月11日
- このコーナーではKENT WEBとCGI-StaTionで公開しているスクリプトを改造して無償で配布しています。
- 配布する行為は、上記サイトのCGIスクリプト利用規定とスクリプト規定の要件を満たし、許可をいただいています。
- 改造してあるないに関わらず、上記サイトのCGIスクリプト利用規定とスクリプト利用規定に従って利用してください。
- 配布する改造スクリプトを利用して被ったいかなる損害も、 KENT WEBもCGI-StaTionも当サイトもいかなる責任も負いかねますm(__)m
- 設置に成功された場合は、掲示板に設置されたURLを書きこんでいただくと嬉しいです。
- 設置の際は、KENT WEB、CGI-Stationの著作権表示とこのスクリプトを入手できるこのページへのリンクを削除しないで下さい。
- ご質問・ご意見は、当サイトのみ受け付けます。サポート掲示板をご利用ください。KENT WEB及びCGI-Stationへは、問い合わせをしないで下さい。
グラデーション☆ボ〜ドの説明
- このグラデーション☆ボ〜ドは、KENT WEBで配布されている「プチ☆ボ〜ド」(petit.cgi)にCGI-Stationで配布されている「きれいなメモ帳」(memo.cgi)のグラデーション機能を追加したクッキー対応のミニカウンタ付き一行レス式掲示板です。
- StartColorとEndColorを指定する事で、投稿文をグラデーションで表示します。
- StartcolorとEndColorが同じ場合は、グラデーション処理をパスして表示のスピードアップを図ってます。
- タグは書けません。
- 一行レスの投稿文字には、改行タグ(<br>タグ)だけ使用可能です。
- 投稿文(親記事)に対する一行レスが簡単に投稿することができます。
- 投稿記事を管理人にメールで通知することが可能です。(sendmailが使えるプロバイダ)
- 投稿者は、パスワードを記入して投稿することにより、自分の投稿記事を削除が可能です。
(プロバイダのサーバが Crypt関数に対応していなければなりません)
- 管理人は、管理人パスワードで、全記事の削除が可能です。
- 一行レスのグラデーション処理の使用有無を選択して設置することができます。
- キーワードから過去の投稿記事の簡易的な検索をすることができます。
- 過去ログ機能の自動生成が可能です。(▼オプション対応)
- 記録文字数の制限が可能です。
- 設定により投稿ごとにお気に入りのアイコンをセレクトして表示させることができます。(ver.1.1以降)
- 一行レスにするか複数行レスにするか設定可能(ver.1.1)
★サンプル1★レスを一行でグラデーション無しにしています。
☆サンプル2☆レスを複数行でグラデーション表示にしています。
◆改造後サンプル◆
地域情報セレクトを追加してあります。(明るい背景色にしています。)
また複数行レス、グラデーションレスの設定にしています。
更新情報
- ミニカウンタのファイルロックシステム(flock関数使用)を改良して破損しにくくした。(Ver1.01)
- StartColorとEndColorが同じ色の場合は、投稿文の中のURLを自動リンク可能とした。
- セレクトアイコンを可能とした。(Ver.1.1)
- レスを一行レス式にするか複数行記入レスにするか設定可能とした(Ver.1.1)
- 各種カスタマイズをしやすくした(Ver.1.1)
- 名前、メールアドレス、題名などにタグが入力できないように対処(Ver.1.11)
- ミニカウンタのファイルロックシステムを(symlink、open関数)を使用して破損しにくくした。(Ver.1.20)
- 文字数制限を越えた場合のエラーメッセージに投稿文字数を表示するように変更。(Ver.1.21)
- 投稿記事表示部のフォントサイズを設定可能とした。(ver.1.30)
- イタズラ投稿拒否設定を追加。(ver.1.30)
- グラデーション表示の際もURL自動リンクを可能とした(ver.1.40)
- 過去ログ作成で改行が有功とならず<br>と表示されないバグを修正(ver.1.41)
対象バージョンは ver.1.30〜 ver.1.402 の全てです。
ダウンロードし直して再設置してください。
- リモートホスト名でのアクセス制限が機能していないバグを修正(ver.1.42)
- アイコン一覧で</td>の不足を修正(ver.1.43)
- セキュリティ対策(ver.1.44)
必要なファイル
| ファイル名 |
パーミッション |
転送方法 |
説明 |
| petitg.cgi |
755 |
アスキー |
スクリプト本体です。 |
| petitg.log |
666 |
アスキー |
ログデータファイルです。 |
| count.dat |
666 |
アスキー |
ミニカウンター用ファイルです。 |
| jcode.pl |
644 |
アスキー |
日本語変換ファイル。 |
| home.gif |
644 |
バイナリー |
URLリンク用の画像です。お好みのものに変更可能です。 |
| gra_d.gif |
644 |
バイナリー |
背景画像です。お好みのものに変更可能です。 |
[ダウンロード:グラデーション☆ボ〜ド colorful Board Ver.1.44] petitg.lzh
★URLリンク用透明化GIF 作成:Falcon Taka(お好みのものをお使いください)
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
home.gif
32x16 |
home0.gif
32x16 |
home1.gif
32x32 |
home2.gif
32x32 |
home3.gif
16x16 |
home4.gif
16x16 |
home5.gif
16x16 |
home6.gif
16x16 |
home7.gif
32x32 |
home8.gif
32x32 |
home9.gif
32x16 |
home10.gif
32x16 |
[一括ダウンロード:home_gif ] petihome.lzh
★背景画像、区切り線用GIF 作成:Falcon Taka (お好みに応じてお使いください。)
 |
|
グラデーション背景用画像 gra_g.gif 1024x4
|
 |
|
グラデーションライン line.gif 640x2
|
 |
|
グラデーションライン line2.gif 640x2
|
 |
|
グラデーションライン line3.gif 640x2
|
[一括ダウンロード: backline.lzh] backline.lzh
★お気に入りセレクトアイコン画像 作成:Falcon Taka
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
| ラブラブ |
ハートブレーク |
うれしい |
怒ってる |
哀しい |
お気楽 |
汗汗 |
う〜む |
くぅ〜 |
むむむ |
クローバー |
[一括ダウンロード:memoicon] memoicon.lzh
★お気に入りセレクトアイコン画像
作成:
ゆきだるまの GIFでおえかき しましたの!
ゆきだるま様から許可をいただいて再配布させていただいております。
Materialの中の「1024の夢」には他のアイコンもあります。
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
みけ
a-cat1.gif |
トラ
a-cat2.gif |
ねこ
cat1.gif |
イヌ
dog1.gif |
馬
horse1.gif |
ケロ君
kero3.gif |
ケロちゃん
kero5.gif |
パンダ
panda1.gif |
ペンギン君
pen2.gif |
ペン子
pen3.gif |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
天使(男の子)
angel2.gif |
天使(女の子)
angel1.gif |
デビル
devil.gif |
車
car1.gif |
F1
f1-1.gif |
ヘリコプター
heri2.gif |
ハムスター
ham1.gif |
ハムちゃん
ham5.gif |
ひつじ
sheep5.gif |
|
[一括ダウンロード: iconrb.lzh] iconrb.lzh
改造マニュアル
改造マニュアル
設置方法
テスト設置
- petitg.cgiをエディタで開いてperlのパスをあなたのプロバイダで指定されているパスに書き換えてください。
(#!/usr/local/bin/perlなら書き換え不要)
- 上記のファイルをアスキー(テキスト)モードで転送してパーミッションの設定をしてください。
画像GIFファイルは、バイナリー(RAW)モードで転送します。
- ブラウザからpetitg.cgiを呼び出してテスト投稿、一行レス投稿、投稿削除などがうまく動作するか確認してください。
カスタマイズ(充分注意して編集してください)
基本設定
- タイトル、画面の文字色やリンク色、背景色、背景画像などを指定します。
タイトルに「'」を使用する時は、直前に「\」をつけること。($title = 'Falcon\'s
Room';
壁紙の指定は、相対パスかhttp://から記述すること
- ホームページのアドレス、文字数制限数、管理人パスワードへを指定します。
親記事およびレス記事の文字数制限は、できるだけ少なくする事。
一文字ずつタグを使用しているために表示が遅くなります。
但し、StartColorとEndColorが同じ場合は、グラデーション処理を回避するために表示スピードが、速くなります。
- $pagelog = 5; 1ページに表示する親記事の件数を指定する。レス記事が多い場合などは、10件未満に設定する事。
表示に時間がかかるため。
- $icon_dir = '.'; home.gifやセレクトアイコンを設置してあるフォルダ名を指定します。
petitg.cgiと同じフォルダにある場合は、ピリオドのみ。
他のフォルダにある場合は、相対パスかhttp://からの指定を記入。(最後にスラッシュは不要)
- セレクトアイコン設定
$icon_mode =1; セレクトアイコンを使用する場合は、1。使用しない場合は 0に設定。
@icon_f = ('a-cat1.gif','a-cat2.gif',・・・・);アイコンのファイル名
@icon_n = ('みけ','トラ',・・・);アイコンの名前
@icon_fと@icon_nはペアで指定すること。「'」「,」の過不足に注意!
- $icon_home = "./home.gif;URLをリンクするhome.gifを指定します。(petitg.cgiと同じフォルダにおける場合はこのまま)
- 画像ファイルがCGIと同じフォルダに置けないプロバイダの方は、HTMLページを置くフォルダに設置してhttp://から指定します。
- 文字色の指定。
@COLORS = ('FFFFFF','FFFF80','FF8000','FF8080','EE3333','FFCCFF','FF40FF','B380FF','4444FF','00AAFF','66FFFF','80FFAA','22BB22','CCFF80');
@IROIRO = ('白','黄','橙','梅','赤','薄紫','紫','青紫','青','空','水色','黄緑','緑','若草');
選択する文字の色は、増やす事も減らすことも可能です。
上下の配列は必ずペアで。色指定の先頭に#をつけない事
- 背景の色が明るい場合の色指定は、なるべく暗く。背景が暗い場合の色指定は、なるべく明るい色がいいでしょう。
-
応用設定
- petitg.cgiの中に書いてある説明文を読みながら設定してください。
- $res_sort = 1; レスがつくと親記事を一番上にするかどうかの指定
- $res_grad = 0; レス記事もグラデーション表示するかどうかの指定
レスが沢山つく場合は、0 にしておくことを推奨。(サーバーが重い場合も含む)
- $res_mod = 1; レス投稿方式 (0:一行レス 1:改行が有効な複数行レス)
- $res_gyou = 2; 複数行レス可能にした場合の投稿フォームの行数(高さ)指定
- $lockkey ='1';ファイルロック形式を指定します。
同時書き込みなどでログ破損を防ぎます。
symlink関数が使えるプロバイダでは、1を指定することを推奨。
使えない場合は、open関数を使う 2 を指定すること。
ファイルロックを使用する場合は、petitg.cgiを設置するディレクトリ(フォルダ)のパーミッションを 777に設定しないといけないサーバーがあります。
但し、フォルダのパーミッションが777では動作しないサーバーもあるので、その場合は、755などのままにする事。(プロバイダのCGI設置に関する注意を確認)
- ミニカウンタは、文字でも画像でも表示が可能です。
数字画像ファイルを使う場合は、0.gif〜9.gif(拡張子は小文字のgif)を用意して設置してあるディレクトリへのパスを指定します。(http://からの指定でも可能)
- 使用する各ファイル名を指定します。
ログファイルが、petitg.cgiと同じディレクトリにおけないプロバイダのサーバーの場合は、プロバイダの指示に従って指定してください。(不明な場合は、サポート掲示板にでご相談ください)
- 表示スタイルの指定
$form_color = "#000030"; 投稿フォームの下地の色。背景画像を有効にする場合は、$form_color
= "";
$tbl_color = "#000030";記事表示部の下地の色。背景画像を有効にする場合は、$tbl_color="";
$waku = 1; 記事表示部のテーブル枠の線の太さ。枠線を使用しない場合は、0としておく
$size="3";記事を表示する際のFONT SIZEです。
- 区切り線の指定
$hr = '<HR>';親記事の区切り線。ラインGIFを使用する場合は、
$hr = '<center><img src=line.gif width=640 height=2></center>';などと指定すること
$hr2 = '<HR WIDTH=90%>';親記事とレス記事の区切り線。ラインGIFも使用可能
- 投稿があるとメール通知をさせる場合は、$mailing =1; と設定して $mailto に送信先のメールアドレスを記入しておく。
但し、sendmailが使える場合のみ。
sendmailへのパスをプロバイダで確認して、$sendmail = '/usr/lib/sendmail';などと指定しておく。
- の中に追加するタグ。JavaScriptやStyleSeetを記述します。
$head =<<"_HTML";
ここに記述
_HTML_
- 広告バナーやMIDIなどを追加したい場合はに記述
$banner1:画面の一番上に表示されます。
$banner1:画面に一番下に表示されます。
- イタズラ投稿の対処
@deny = ('ppp.*.abc.or.jp','web.net'); などと設定します。
- 禁止ワード設定
@word = ('セックス','エッチ','糞','スカトロ','test', 'あああ','馬鹿');などと設定します。
- ダブルクォート「”」、シングルクォート「’」やセミコロン「;」を消さないように注意してください。
- カスタマイズは、テスト設置して動作を確認してから行ってください。書き換える前のファイルを残しておくようにしてください。
その他
- 色の変化をつけるために<font color= >タグを使用しているので、投稿文にタグは使用できません。
- その他の改造などについては、当サイトのサポート掲示板へお問い合わせください。
- 最大記事数を超える記事を、HTML形式に自動生成するものです。
- petitg.cgiの設定を以下のように変更します。
$pastkey = 1; # 過去ログ生成 (0=no 1=yes)
$nofile = "./pastno.dat"; # 過去ログ用NOファイル
$past_dir = "."; # 過去ログのディレクトリ
$log_line = '150'; # 過去ログ1ファイルの行数 1.htmlファイルを設置するディレクトリを相対パスで指定します。
petitg.cgiと同じディレクトリに設置できない場合は、注意すること。http://からの指定はできません。
不明な場合は、サポート掲示板へお問い合わせください。
- 1.htmlを設置するディレクトリ(フォルダ)のパーミッションを 777に設定しないといけないサーバーがあります。
但し、フォルダのパーミッションが777では動作しないサーバーもあるので、その場合は、755などのままにしてください。
- 1.htmlがいっぱいになって2.htmlを自動作成できない場合は、このフォルダのパーミッションを再確認してください。
また自動作成ができないサーバーの場合は、ダウンロードしたままの1.htmlを2.html
3.htmlと名前を変えて事前にサーバーに設置しておくといいでしょう。
2.html 3.html・・・のパーミッションも666にしておくこと。
必要なファイル
| ファイル名 |
パーミッション |
転送方法 |
説明 |
| petitg2.cgi |
755 |
アスキー |
スクリプト本体です。 |
| pastno.dat |
666 |
アスキー |
過去ログカウンタログファイル |
| 1.html |
666 |
アスキー |
htmlファイル。 |
[ダウンロード:グラデーション☆ボ〜ド用 過去ログ作成Ver.1.02] pastg.lzh
[HOME]
管理人:ファルコン・タカ