Topics Board スキンVol.5設置情報

このSKINはimgフォルダに入っているback.jpg/back2.jpg/back3.jpgをお好みの画像に差し替えることでオリジナルのFlash画像タイトルバナーになります
またバナーのタイトルはデフォルトではTopicsBoardになっておりますがtopicsboard.txtの設定を変えることで変更できます

■解凍したcielskin05フォルダの中に
tmp.html,topiset.cgi,img,topicsboard.txt,cielskin5.swf,cielskin5.jsが入っています

KENT-WEBさんからダウンロードした元のtmp.htmlとtopiset.cgiとimgフォルダをcielスキンのものと入れ替えtopicsboard.txtとcielskin5.swf,cielskin5.jsも同じ階層にアップロードしてください

※KENT-WEBさんの元から入っている画像（GIFファイル）はアップロードする必要は有りません

■KENT-WEBさんからダウンロードしたものの中でアップロードするもの

topics.cgi
topics.dat
cgi-lib.pl
jcode.pl

■cielスキン用ファイルVol.5でアップロードするもの

tmp.html
imgフォルダごと
topiset.cgi
cielskin5.js
（Flash(swf)ファイルに関する外部Javascriptファイルです)
topicsboard.txt
(Flash(swf)ファイルのタイトル、背景画像、右側文字を差し替えるファイルです)
cielskin5.swf
(Flashバナー本体です)

■ディレクトリ構造見本
すべて同じディレクトリに入れる一例です

cgi-bin
┗ topicsboard(cielskin05)
┣ topics.cgi
┣ topics.dat
┣ cgi-lib.pl
┣ jcode.pl
┣ topiset.cgi
┣ tmp.html
┣ topicsboard.txt※
┣ cielskin5.js※
┣ cielskin5.swf※
┗ imgフォルダ
┗各種GIF画像
┗（swfファイル用背景画像）back.jpg/back2.jpg/back3.jpg
※topicsboard.txtとcielskin5.swfは同じ階層にないと設定が反映されません
またback.jpg,back2.jpg,back3.jpgの入ったimgフォルダもcielskin5.swfと同じ階層に無いとFlashタイトルバナーに画像が反映されません

※BiglobeやHIHO等サーバーによってはcgi本体と画像ファイルを別のディレクトリに置けなければならない場合はswfからのパスが通らないので設置は無理だと思います

■topicsboard.txtについて
Flashのタイトルバナーの設定ファイルです
topicsboard.txtをテキストエディタで開いて青字の部分を書き換えることで各項目を変更できます

sitetitle=Topicsboard
(タイトル文字を変えることができます、使えるのは英語のみです、日本語は入りませんのでご注意下さい）

&message=Thank you for your access
produced by web studio ciel
（タイトルバナー右の部分の文字です）

&Goto=http://park12.wakwak.com/~ciel/index.html
（Flashタイトルバナー左下部分のホームへのリンクのURLです、httpからの絶対パスで記入してください）

■cielskin5.jsについて
閲覧者のブラウザにプラグインのFlashPlayer6.0以降が入っていないとFlashタイトルバナーの代わりにback3.jpgが代替として表示されるようにJavaScropitを外部ファイルに記述したものです
代替する画像を変更する場合はcielskin5.jsをテキストエディタで開いて以下の部分

else{document.write('<IMG SRC="img/back3.jpg" WIDTH="730" HEIGHT="150" BORDER=0>');

青字部分を変更してください

■JavaScriptを無効にした閲覧者に対する配慮
JavaScriptが無効の場合の設定はtmp.htmlの<noscript>〜</noscript>の〜部分を書き換えてください
デフォルトではback3.jpgが表示されるようになっております

■back.jpg,back2.jpg,back3.jpg,について
imgフォルダに入っているback.jpg,back2.jpg,back3.jpgを同じファイル名でお好みのものに替えて頂くことでオリジナルのFlashタイトルバナーになります
画像は3枚ともjpgで高さ150px幅730pxです
jpg以外の画像は使えません
またプログレッシブjpgで保存するとFlashに表示されませんのでこちらもお気をつけ下さい
MacroMedia社のテクニカルノート
投稿画像サイズについて
記事書き込みの際に3枚アップロードできる画像のサイズは横幅をあまり大きくするとはみ出してしまいレイアウトが崩れてしまいますので書き込みの際にアップロードする画像の横幅をtopics.cgiで200px位までに設定することをおすすめします
以下を参考にしてください
------topics.cgiの設定-----------------------------------

# 画像ファイルの最大表示の大きさ（単位：ピクセル）
# → これを超える画像は縮小表示します
$MaxW = 200; # 横幅
$MaxH = 150; # 縦幅

※赤字の部分画像の横幅は200位までにしてください
縦幅は任意です

cgiの設置やパーミッションの設定に関してはKENT-WEBさんのところの解説ページを参考にしてください
設置が完了したらtopicsboard（cielskin05)/topics.cgiにアクセスして動作確認をしてください

■カスタマイズはご自由にしていただいてかまいませんが著作権表示は外さないようにお願いします
■配付のスキンについてはWeb Studio Cielにお問い合わせ下さい
けっしてKENT-WEBさんのところへはお問い合わせなさらないようお願いします

メール： ciel@ah.wakwak.com
ホームページ： http://park12.wakwak.com/~ciel/