フレーム型画像コラム

 内容
 画像をアップできるフレーム形式のコラム帳です。

 特徴
 ●コラムに画像をアップロードできます。
 ●画像は指定の大きさで表示します。クリックすると実サイズで表示します。
 ●左フレームにコラムの題名一覧を表示します。
 ●コラムの書込み、修正、削除がHP上で簡単にできます。

 表示例
HOME
コラム
題名をクリックして下さい。
■ニューカレドニア
■バンフ
■立山・黒部
■神戸異人館
 NEXT>> 全 5件 [編集]
■ ニューカレドニア 2003.9.8

 成田空港から8時間で着く。時差は2時間。ここはフランス領で細長い本島は長さ約400km・幅約50km、人口約20万人。南半球なので今は夏の始まりですがやはり暑い。天気が良くて景色は最高でした。ウエントロの丘から見たアンスバタのビーチ。澄み切った青い珊瑚の海と島々が一望できます。この丘には第二次世界大戦に作られた大砲もあります。
 ニューカレドニアはフランス語だが英語も通じるし日本語の看板もかなり見かけた。レストランには日本語のメニューもあり日本語で説明してくれた。通貨はフレンチ・パシフィック・フラン(CPF)だが日本円とほぼ同じ換算なので値段が分かりやすい。



実際に動作しているサンプルが こちら にありますのでご覧下さい。

 設置手順
No 項 目                 内  容
1 ファイルダウンロード 下記の圧縮ファイルをダウンロードします。
  col4.lzh
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。解凍ツールは「+Lhaca」が推奨です。
  <ディレクトリ構成>
     |---coldata (ディレクトリ)
     |---col4.cgi
     |---cgi-lib.pl
3 スクリプトの変更 col4.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考
  /usr/bin/perl
4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
  http://xxxx/col4.cgi
5 ファイル転送 上記のファイル及びHPページをサーバへ転送します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、coldataディレクトリをCGIとHTMLの両方のディレクトリに転送します。
6 パーミッションの設定 アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。
ファイル名 アクセス権 備 考
col4.cgi 755  
cgi-lib.pl 644  
coldataディレクトリ 777  
col.txt、option.txt 666 本CGIを実行すると自動設定されますが、設定されない場合は手動で設定して下さい。
ファイルはcoldataディレクトリの中にあります。
7 実行 上記のHPページでリンクをクリックすると本CGIを表示します。

 使用方法
 ●表示
  ・左フレームに題名一覧を表示し、題名をクリックすると右フレームにコラム内容を表示します。
  ・題名一覧は新しくアップした順に表示されます。
  ・画像は指定のサイズで表示します。画像をクリックすると実サイズで表示します。

 ●編集
  ・題名一覧の右下にある[編集]をクリックします。パスワードは初期値が「cgi」です。
  ・画像は「参照」をクリックして画像ファイルを入力します。
   アップロード可能な画像ファイル形式はJPG、GIF、PNGです。画像の最大ファイル容量は200KBです。
  ・記事を修正、削除する場合は「修正」をクリックして下さい。
題名

内容
画像

 ●基本設定
タイトル

コメント
ホームURL
画像格納ディレクトリ
画像読出ディレクトリ

壁紙、アイコン
壁紙(無) ホーム(無) 
カラーコード
基本背景色
基本文字色
左フレーム背景色
タイトル色
罫線色
題名色
題名背景色
画像表示 横maxpx  縦maxpx
記事一覧表示 件/ページ
左フレーム幅 %
パスワード変更 (英数8文字以内)

タイトル 左フレームの上部に表示するタイトルを入力します。
コメント タイトルの下に表示するコメントを入力します。
ホームURL 左上部に表示するホームへの戻り先を入力します。
画像格納ディレクトリ coldataディレクトリを絶対パス又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのcoldataのパスを指定します。http://のURLでは指定できません。
 (例) ./coldata、 ../xxxx/coldata、 /xxxx/coldata
画像読出ディレクトリ coldataディレクトリをURL又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのcoldataを http://のURLで指定します。
 (例) ./coldata、 http://xxxx/coldata
壁紙、アイコン 画像を選択し「参照」をクリックして画像ファイルを入力します。
画像を使用しない場合は画像を選択し画像ファイルを空白にします。
基本背景色・・・ 各色をカラーコードで指定します。
画像表示 画像を表示する最大サイズを指定します。このサイズを越えると縮小表示されます。
表示サイズはその設定後の画像入力から有効になります。
記事一覧表示 題名一覧でページ当たりの表示件数を指定します。
左フレーム幅 左フレームの幅を割合で指定します。
パスワード変更 編集画面に入る為のパスワードを入力します。英数字で8文字以内です。


 
 改版履歴
リリース日 対象 版数 改版内容
 2003.9.8 col4.cgi V1.0 初版
 2004.4.5 col4.cgi V1.1 画像アップロードでPNG形式追加、Mac対応
 2004.10.5 col4.cgi V1.2 表示変更
 2005.9.27 col4.cgi V2.0 全面変更。旧版とのデータ互換性はありません。
 2005.10.13 col4.cgi V2.1 記事の修正を訂正


CGI-design