BBSNote 8.0 b版対応スキン共通説明書

BBSNote 配布元 : WonderCatStudio
スキン : KURAGEYA

2006.5.5　サポート終了・説明書更新

ダウンロードしていただきありがとうございます。
この Readme_8.html は、BBSNote 8.0 b版対応スキン共通の説明書です。
よく読んでスキンをご利用ください。

FONTタグを使用したい
お絵描きした絵が汚くなってしまう
「続きから描く」機能が使用できない
注意事項や広告を挿入したい
ライン画像や枠画像が正しく表示されない
トップ入力フォームの下にメッセージを入れたい
投稿画像のIMGタグの一部をいじりたい
カタログ表示時、通常記事にリンクをはる
お絵描き関係
サポ板より役に立ちそうな情報いろいろ
サポ板より役に立ちそうな情報いろいろ・その２
その他

デザインカスタマイズ

投稿日時の表示を変更したい
投稿日時の余分な0を削除したい
ページ最上部へのリンクを削除したい
メッセージ記入欄を右寄せにしたい
複数指定について
b14と改行について

更新履歴

▲

初めに　（重要事項！）

著作権

著作権
- BBSNote 8.0 b版の著作権は　配布元 WonderCatStudio に属します。
- スキンのレイアウトの著作権は　KURAGEYA にあります。
- 素材の著作権は　その素材屋さんにあります。
CGI配布元及び当サイト、素材屋さんの著作権表示削除や誤記述は禁止です。
誤認されないため、著作権表示はつねに正しいものにしてください。　[***]
- 大幅に改造したときは自分の著作権表記を追記します。
- 素材を使用しないとき、素材の総入れ替えをするときは素材屋さんの著作権表記を修正します。
無断再配布・転載は禁止です。

免責事項

スキンをダウンロード及び使用したことによってトラブルや損害が発生しても、
当サイトはその責任は一切負わないものとします。

カスタマイズ

ソースの書き換えについて

画像以外のカスタマイズは基本的に自由です。
skincfg.cgi をちょっといじるだけでかなり印象が変わると思います。
skin.cgi も自分の責任において手を加えてかまいません。
skin.cgi を大幅に改造した場合は、自分の著作権表示を追記してください。

同梱画像について

素材の一部差し替え　＞＞＞　同素材屋の別画像のみOK
素材の総入れ替え　＞＞＞　素材屋さんの著作権表示を修正すればOK
なお当サイト作成素材のみ、加工・スキン以外の使用など全て自由です。
- 自分が作ったと偽ったり、再配布したりはさすがに許容できませんが、普通に自分のサイトの素材として使うのは自由です。
- ブログや他CGI（そのCGIの製作者が他素材で改造を許可しているかどうかはそちらの規約をご確認ください）に使用してもかまいません。
- リンクや表記等は必要ありません。（気になる人だけ素材屋リンクにでも入れてください）

主な特徴

全体的にシンプル系のデザインで多機能です。
文字のみの投稿・写真投稿・お絵描き投稿が混在していてもすっきりです。
普通の掲示板と併用できそうなデザインを目指しています。

縮小表示などの機能やデザイン面に関することなどの設定項目が多く、細かくカスタマイズできます。
ここでは詳しい解説はしませんので、skincfg.cgi をよくご覧になってください。

▲

「BBS Note」の設置とスキン変更

１．本体の設置

ご使用になるには「BBS Note」本体が必要です。
WonderCatStudio から設置に必要なものをダウンロードし、設置マニュアルにそって設置します。
- BBSNote 8.0 b版の最新版を使用してくださるようお願いします。
- この時点でのトラブルは、本体の設置失敗か　もしくは本体のバグです。
  「BBS Note」本体に関する質問や問題は本家 WonderCatStudio へお願いします。
BBSNote 本体付属の skin.cgi できちんと動くかどうかの動作確認をおこなってください。

２．スキン変更

必要なものは　skin.cgi　skincfg.cgi　imagesフォルダ　の３点 です。
BBSNote 8.0 b版本体の動作確認後、skin.cgi と skincfg.cgi を差し替えます（上書きします）。
ラインや透過、背景などの画像は全て config.cgi 【 006 】で設定したディレクトリへ入れます。
- 複数同梱されていますが、最初は「BBS」、もしくは「ColorBBS」のフォルダの中身をアップします。
  （「ColorBBS」の場合、本家で配布しているフォントモジュールも必要となります）
- スキン変更後に何らかの問題が発生した場合、当サイトのスキンに原因があると思われます。
  サポート板に報告して下さい。問題によっては解決できるかもしれません。
そのままで正常に動作していることを確認します。
その後、自分のカスタマイズに一番近い skincfg.cgi と imageフォルダ（「variation」フォルダにいくつかのパターンが入っています）で上書きします。
そしてさらにどんどんカスタマイズして自分好みにしてください。
それぞれ同梱されている個別の説明書「○○.txt」もあわせてお読みになってください。

▲

設定項目変更

そのままでもＯＫですが、skincfg.cgi でいろいろ設定変更してみてください。

１．はじめに基本的な事柄を決定します

基本設定 / 表示に関する動作設定 Action Config

001 ～ 003: それぞれ表示　/　非表示　/　方法などを指定　（非表示項目が多いと見た目サッパリ？）
004・005: トップ投稿フォームと返信フォーム形式
006: いくつレスがついたら省略するか
007・008: ページ切替リンク

テーブル内の表示に関する設定

011 ～: テーブルの横幅、画像等の表示位置、区切り線などデザイン面での表示に関する設定。

２．さらに細かいところを設定します

項目名などその他細かい装飾

021 ～: 上部メニューの項目名やフォーム項目名など。

一部除いてインラインタグも使用できます。
画像を使用する場合、たとえば次のように指定するといいです。
タイトルや投稿Noの前にアイコンを置いたり、ホームリンクなどに画像を使用したりするのもオススメです。
#■[022] 親記事タイトルの前後におく装飾（スペースや画像など）
$MESGTITLE1 = '<IMG src="'.$img_dir.'/画像ファイル名" alt="" width="横幅" height="高さ">';
ところどころにある   は半角スペースのことです。
「 」による半角スペースや全角スペース、<BR> などで適切な空間を調整してください。

３．その他いろいろ設定します。

（スキンによって設定項目が違ったり、ちょっと特殊な設定があったりします）

基本色・タグの設定 Design Config

031: BODYタグ
032 ～ 045: それぞれのタグや属性（色変更くらいであとはあまりいじる必要なし）

スタイルシートの設定 CSS Config

ここと [011～031] の変更によってデザインが大きく変わります。
デザインをどんどん自分好みにしてってください♪
色などのデザイン関係は表示形式が決定してからいじるとやりやすいです。

お絵描き画面設定

シンプルなグレー系の配色（黒背景スキンの場合は黒系配色）になっていますが、お好みで変更してください。

▲

「ColorBBS」について

一部のスキンには「 ○○○*Color 」版があります。

テーブルの色など、どこかの色選択が加わっているスキンです。
文字のみ投稿ばかりでも、画面が華やかになります。

「指定なし」の色は、当サイトのスキンの場合、skincfg.cgiの「#■[018] テーブル内設定（背景色や背景画像）」などの設定が反映されます。

「 ○○○*Color 」版設置には、本家から出ている font.cgi というモジュールが必要です。
文字色選択をOFFにしてテーブル色選択機能のみの使用、または、両方とも選択可能というふうにできます。
config.cgi のモジュール設定、font.cgi の設定を忘れずに行ってください。

通常版、Color 版では skincfg.cgi が少し違います。
「variation」フォルダにあるいくつかのパターンの skincfg.cgi は Color 版対応なので、通常版に使用する場合は[追加項テーブル色]の項目をまるごと削除するか、行頭に「#」をつけてください。
他はそのまま使えます。

色設定は font.cgi で設定する文字色と別に設定できるようになっています。

skincfg.cgi の上のほうに以下のような部分があります。
選択できる色を変更したいときはここをいじってください。

$Font::CFG{ ColorList }{ table_color } = ['　～　省略　～　',]; #●色設定

font.cgi の色設定をそのまま使用する場合、次のようにカスタマイズしてください。

$Font::CFG{ ColorList }{ table_color } = $Font::CFG{ ColorList }{ font_color }; #●色設定

「指定なし」の文字を変更したい場合、
どうしても「指定なし」項目そのものを削除したい場合（オススメしません）、
font.cgiを自己責任でいじってください。

たとえば削除する場合は次の部分を削除します。

$list .= "<NOBR><INPUT type=radio name=$_ value=''".
(!exists $main::COOKIE{ $_ } ? ' checked':'').
'>'.&main::SetTag($main::CFG{ TagFormItems },{string=>'指定なし'}).'</NOBR>';

色見本

参考までにコピペして使用できる色見本を並べておきます。

濃い色を文字の背景にする場合は、文字色を読みやすいように変更した方がいいです。
ここではトーンでそろえていますが、同系色にしてもいい感じです。
色の選び方で大きくイメージが変わるので、ぜひ色見本サイトなどを参考にいろいろやってみてください。

■■■■■■: ['#D22035','#E2882C','#E2D535','#48BB65','#2C8888','#654888',]
■■■■■■■: ['#EB2D40','#FFB300','#F4EB00','#9DEB00','#04BB40','#0080AA','#402DBB',]
■■■■■■■: ['#F27878','#F2CC55','#F2F255','#CCF255','#92E099','#87C3E0','#A387D9',]
■■■■■■■: ['#FAC0C0','#FADBA6','#FAFAA6','#DBF2A6','#ADEAAD','#B5DBEA','#B5C0EA',]
■■■■■■■: ['#FFE8E8','#FFF0C8','#FFFFC8','#F0FFC8','#E8FFD8','#E8FCF0','#EAEAFF',]
■■■■■■■: ['#E39999','#E3BD75','#E0E07C','#BDE07E','#99C488','#7AB8B0','#7399B0',]
■■■■■■■: ['#B27A7A','#C1A045','#B2B245','#90B255','#55A466','#599790','#6F6690',]
■■■■: ['#883B44','#888C44','#558844','#3B556C',]

▲

著作権表示

最後に必ず著作権表示が正しくなっているかを確認してください。

同梱されている素材屋の素材を使用しない場合、次のように素材屋の著作権表示を削除してください。
#■[***] 著作権表示追記
$Tyosaku = '';
別の素材屋の画像を使用し、そこの利用規約でリンク挿入が必要な場合は、次のようにします。
「graphics by　～　」の表示は「Photo by　～　」　や　「イラスト：　～　」などでもＯＫです。
#■[***] 著作権表示追記
$Tyosaku = 'graphics by <A href="素材屋URL" target="_blank">素材サイト名</A>';
skin.cgi を独自にカスタマイズした場合は、素材屋の著作権表示の前に
「skin edit by　～　」　や　「arranged　～　」など改造されていることがわかる表現を追記します。
#■[***] 著作権表示追記
$Tyosaku = 'skin edit by　改造者の名前やサイト名など　graphics by <A href="素材屋URL" target="_blank">素材サイト名</A>';

▲

FONTタグを使用したい

config.cgi の設定「#【 027 】タグを使用可能にする」でタグの使用をONにすると
FONTタグなどを使って文章を装飾することができます。

タグを使用するとき、 <FONT color="　　">　～　</FONT> のように "" をつけることを忘れないで下さい。

スタイルシートで行間を指定することにより文章を読みやすくしているため、
FONTタグを使用すると文字が重なってしまう現象が起きます。
スタイルシートを次のどちらかに修正してください。

解決策その１
スタイルシートから　line-height:○○%;　の記述を全て削除
解決策その２
スタイルシートに FONT { line-height:○○%; } の記述を追加　（○○%の数字はお好みで）

▲

お絵描きした絵が汚くなってしまう

はっきりとした絵がとても汚い感じになってしまうのは　JPEG　で保存されてしまうからです。

絵の保存形式は、paint.cgi の「# ★圧縮/減色を開始するサイズ」で設定します。
デフォルトではすべての絵が　JPEG 保存になるようになっています。

鉛筆ペン描きのはっきりとした絵はPNGで、水彩ペンを使った絵はJPEGで保存したいのなら、
config.cgi の設定を 'image_size' => 60, # PNG/JPEG自動切換えに変更するのがおすすめです。

数値を大きくすると、よりサイズの大きな画像もPNGで保存されるようになります。

▲

「続きから描く」機能が使用できない

動画が保存されていないPNG画像は、BBS Note の仕様上「続きから描く」ができません。
PNG保存で続きから描くには、動画を保存しなければなりません。

つねに JPEG保存にするか、paint.cgi で次のように動画保存強制などの予防策が考えられます。

# ★描画アニメーションを記録する
'animation' => 'true',

▲

注意事項や広告を挿入したい

当サイトのサンプル掲示板のように注意事項などをつけくわえたい場合、
無料サーバーを使っていて広告を挿入しなくてはならない場合、
config.cgiの設定を変更します。

config.cgiに#【 039 】～【 043 】という部分があります。

たとえば上部に注意事項を加えたい場合こうなります。普通にタグをつかって文章をいれればOKです。

#【 041 】BBS表示時のメッセージ表示する上部(メニューより下)
$CFG{ TxtBbsMsg }=<<'_TXT_';

ここに追加文章などをいれます。「荒らしはダメですよ」とか。

_TXT_

▲

ライン画像や枠画像が正しく表示されない

画像がきちんとアップされているかを確認します。
ときたま画像を正しく読み込まないことがあるので、更新ボタンを何度か押してみてください。

画像を入れ替えたときもブラウザで更新しないと変わりません。

▲

トップ入力フォームの下にメッセージを入れたい

config.cgiの「#【 041 】BBS表示時のメッセージ表示する上部(メニューより下)」は、
トップ入力フォームの上に挿入されます。
そこではなく、トップ入力フォームの下に挿入したいときは、次のところに直接入れてみてください。

local $SKIN_MENU_FORMAT=<<HTML;
　～　省略　～　 $CFG{ TxtBbsMsg } 　～　省略　～
HTML

local $SKIN_MENU_FORMAT_B=<<HTML;
ここに挿入
HTML

もしくは $CFG{ TxtBbsMsg } をそこに移動してもよいです。
ただし、search.cgi を使用しているときは、削除・編集ができなくなるので直接挿入します。

▲

投稿画像のIMGタグの一部をいじりたい

alt属性をいじりたい場合、skin.cgi から「ART設定」を検索で探します。

# ART設定 EL[★☆☆]
my $art = "$Data{ImageSrc} ( $ObjectFileSize KB ) by ".$App;

ここをいじります。以下変更例↓

画像ピクセルサイズも表示
# ART設定 EL[★☆☆]
my $art = "$Data{ImageSrc} ( $LogValue{file_width} x $LogValue{file_height} / $ObjectFileSize KB ) by ".$App;
ファイル名のみ表示
# ART設定 EL[★☆☆]
my $art = "$Data{ImageSrc}";
アプレット名のみ表示　（「by 」は他のことばにしてもよい）
# ART設定 EL[★☆☆]
my $art = "by ".$App;
アプレット名のみ削除
# ART設定 EL[★☆☆]
my $art = "$Data{ImageSrc} ( $ObjectFileSize KB )";

投稿画像のIMGタグの属性をいじりたい場合、以下の部分で属性の追加・削除・編集をします。

skin.cgi から「$art」を検索で探すと「my $img = {」　～　「};」となるところが３箇所ほどあります。
（１つめが縮小表示、２つめがサムネイル、３つめが通常表示）

my $img = {
TAG => 'IMG',

～　省略　他に指定されている属性と同じようにここに属性を記述していく　～

alt => $art,
};

たとえば、border="1"にしたいときは、border => '0', の行を border => '1', にします。

class属性を指定したいときは、class => '任意のクラス名', の行を追記して、
スタイルシートでそのクラスへの指定をすればOKです。

▲

カタログ表示時、通常記事にリンクをはる

カタログ表示のときに、通常表示記事にリンクをはりたいときは
以下のようにカスタマイズするとよいと思います。
（サポ板を参考にしました）

サムネイル画像等からリンクをはる

skin.cgi # 縮小表示ＯＮの通常表示の前の行に以下の記述を追加します。
if($IN{mode} eq 'catalog'){
$tag={TAG => 'A',href => "$CFG{ BBSNoteUrl }?".&SetTextGlobalArg(
{fc => 'thread', log => $IndexNumber, no => $LogValue{num}, page => $IN{page}})
#."&reply" #返信フォーム画面にする場合は行頭の「#」を削除
,target => '' #ターゲットウインドウ
};}
上記だけでは投稿画像がないときにリンクもなくなります。
「NO IMAGE」もリンクをはるときは skin.cgi sub SkinCatalog{ の次の行に以下の記述を追加します。
$NoImage = &main::SetTag({TAG=>'A',href=>"$CFG{ BBSNoteUrl }?".&SetTextGlobalArg(
{fc => 'thread', log => $IndexNumber, no => $LogValue{num}, page => $IN{page}})
#."&reply" #返信フォーム画面にする場合は行頭の「#」を削除
,target => '', #ターゲットウインドウ
string => $NoImage
});

画像類とは別に文字からリンクをはる

skin.cgi < カタログ >　～　</カタログ/> のリンクを表示したいところに $thread_link を挿入します。
sub SkinCatalog内に次の記述を追加します。
$thread_link = &main::SetTag({TAG=>'A',href=>"$CFG{ BBSNoteUrl }?".&SetTextGlobalArg(
{fc => 'thread', log => $IndexNumber, no => $LogValue{num}, page => $IN{page}})
#."&reply" #返信フォーム画面にする場合は行頭の「#」を削除
,target => '', #ターゲットウインドウ
string => '■' #リンクする文字
});
カタログ画像のリンクをはずすには、skin.cgi # 縮小表示ＯＮの通常表示の前の行に if($IN{mode} eq 'catalog'){$tag={};} と記述します。

▲

お絵描き関係

paint.cgi

8.xのお絵描きに関する設定はほとんどがpaint.cgiにあります。

#【 011 】描画時間の表示
# [ 0 = 表示しない, 1 = 表示する ]
$CFG{ ViewPaintTime } = 0;

# ★描画アニメーションを記録する
# [true = 強制記録, user = ユーザーによる選択, false = 使用しない]
'animation' => 'user',
# ★アニメーションチェックの初期値
# [true = チェック, false = 未チェック]
'default_anime' => 'true',

たとえば、しぃPaintBBSしかアプレットを入れていない場合、以下のように変更すれば、使用しないアプレットの著作権表示や選択フォームがなくなります。

#【 001 】使用するアプレット
# 使用しない場合は行頭に#をつけて下さい。
$CFG{ UseApplet } = [
# しぃペインター通常版
# 'ShiPainterNormal',
# しぃペインタープロ版
# 'ShiPainterPro',
# しぃPaintBBS
'ShiPaintBBS',
# PictureBBS
# 'PictureBBS',
# BBSPainter
# 'BBSPainter',

アプレットの配色

たとえば上部バーの「戻る」「進む」といったボタンが、背景色と同化して見づらくなることがあります。
また背景画像や背景色にアプレットの配色が似合わないこともあります。
そのときは、skincfg.cgiにある[お絵描き画面設定]のカラーを変更してください。

#■アプレットの配色:　～　
# ★アプレット下地とボタンカラー等
# ★ツールバーのボタンカラー等

パレット選択フォーム

パレットの有無を変える機能はついていません。
削除しても問題はないと思うのですが、自己責任でお願いします。

skin.cgiにある $Applet_3 = '</TR><TR>'; を
$Applet_3 = '</TR><TR><TD><BR></TD>'; と書き換えます。
以下の２行を削除します。
$Layout{DIV_PALETTE_FORM}
$Layout{PALETTE}

▲

サポ板より役に立ちそうな情報いろいろ

特に役に立つかもと思ったものをコピーして持ってきちゃいました。
でも、サポ板は情報の流れが速いので、なるべく本家に行って手に入れてきましょう。

config.cgi か skincfg.cgi にそれぞれコードを付け足せばよいそうです。

メニュー制御用コード

いらないメニューを非表示にします。日記として使用したいときなどにどうぞ。

#----------------------------------------------------
push @SkinMenuInitEnd,sub{
if($SYS{MODE}eq'ADMIN'){
#■メニューの表示ON/OFF（0=非表示,1=表示）
# 上から順に　トップ・更新・ソート・モード・通常投稿・削除・編集・管理・ヘルプ
#●管理モード
$MENU{ TOP }{ enable } = 0;
$MENU{ RELOAD }{ enable } = 0;
$MENU{ SORT }{ enable } = 0;
$MENU{ MODE }{ enable } = 0;
$MENU{ WRITE }{ enable } = 0;
$MENU{ DELETE }{ enable } = 0;
$MENU{ EDIT }{ enable } = 0;
$MENU{ LOGIN }{ enable } = 0;
$MENU{ HELP }{ enable } = 0;
}else{
#●通常モード、その他
$MENU{ TOP }{ enable } = 0;
$MENU{ RELOAD }{ enable } = 0;
$MENU{ SORT }{ enable } = 0;
$MENU{ MODE }{ enable } = 0;
$MENU{ WRITE }{ enable } = 0;
$MENU{ DELETE }{ enable } = 0;
$MENU{ EDIT }{ enable } = 0;
$MENU{ LOGIN }{ enable } = 0;
$MENU{ HELP }{ enable } = 0;
}
};
#----------------------------------------------------

postcontrol.cgiで管理人のみ投稿許可にした場合は、管理人のみアプレットが見え、他の人には見えなくなります。
こちらのコードも合わせると感覚的によさそうですね。

#----------------------------------------------------
# 管理人も含めて通常表示時はアプレットフォームを表示しない
push @SkinAppletFormBegin,sub{$Flag=''if$SYS{MODE}ne'ADMIN'};
#----------------------------------------------------

投稿日を更新しないようにする

#----------------------------------------------------
# コメント編集時、投稿日を更新しないようにする
push @WritePostEditPurge,sub{$LogValue{date}=$BLogValue{date}};
# 編集で画像差し替えアップ時、投稿日を更新しないようにする
push @WritePostEditPurge,sub{$LogValue{date}=$BLogValue{date}if($EditPurge)};
# 続きからお絵描きで差し替え時、投稿日を更新しないようにする
push @Paint::ReplaceContinueBegin,sub{$Paint::DATE=$Paint::LogValue{date}};
#----------------------------------------------------

表示モードのローテーション

#----------------------------------------------------
# 表示ローテーション
# normal = 通常 | catalog = カタログ | thumbnail = サムネイル | noimage = 画像なし
# $CFG{ VIEW_ROTATION } = 'normal,catalog,thumbnail,noimage'; # デフォルト
$CFG{ VIEW_ROTATION } = 'normal,catalog';
#----------------------------------------------------

新規ウィンドウでお絵かき画面

# お絵描きページを新しいウインドで開く
push @Paint::CreateAppletFormEnableApp,sub{$Paint::Layout{BEGIN_FORM}=~s/(name="appform")/$1 target="_blank"/};

？

# 管理人のみブラウザ情報を表示する
push @HttpHeadInit,sub{$CFG{ViewAgent}=&CheckAuthority(&GetAdminPass)?1:0};

# メッセージ未記入でも投稿しちゃう処理
push @CheckInputInit,sub{
if($SYS{ MODE }=~/POST/ && !$IN{message}){$IN{message} = rand 99;
push @CheckInputBegin,sub{undef $IN{message}}};
};

# コンティニュー時、新規投稿を初期選択にする
push @Paint::OpenContinueBegin,sub{
${(&GetForm(\@Paint::FORMS,'continue'))[3]}{string}=~s/('new')/$1 selected/;
};

▲

サポ板より役に立ちそうな情報いろいろ・その２

skin.cgi の一部を書き換えるタイプのカスタマイズ情報です。

レスボタンを画像に

# 送信ボタン追加ということばをskin.cgiからさがします。
その下の my $form_submit=[[[{　～　}]]]; を以下のように変更します。

# 送信ボタン追加
my $form_submit=[[[{
TAG => 'INPUT',
type => 'image',
border => '0',
src => "$CFG{ DirImagesUrl }/reply.gif",
}]]];

▲

その他

管理モードのみ表示にする方法

if ～　に $SYS{ MODE } eq 'ADMIN' をつけくわえるのが比較的手軽です。

たとえば、続き機能を管理モードだけ表示されるようにしたい場合は、
$Paint::CFG{ ImageContinue }{ Use } && の後ろに
$SYS{ MODE } eq 'ADMIN' && を付け加えます。

▲

ペイントボタンのデザインを変更したい

ペイントボタンを他のフォーム項目と違ったデザインにしたいというとき、次のようにしてください。

まず paint.cgi から検索で $ITEM_NAME{'paint'} を探してください。
ひとつめが通常のペイントボタン、ふたつめが続きから描く画面のペイントボタンとなります。

class => 'button', と指定されているこのクラス名を任意のものに変更します。

▲

アイコン表示のデザインを変更したい

BBSNote 8.0 b版は多機能なアイコンモジュールが本家から出ています。

デフォルトではアイコンがメッセージの左側まんなかに表示されます。
icon.cgi の #【 016 】アイコン表示用テーブルテンプレート (左寄せ)　～省略をいじることによって、アイコンの配置を変更できます。

ぜひスキンにあわせてカスタマイズしてみてください。

アイコンをくっつける場所をメッセージ本文ではなく、投稿者の名前に変えるには、２箇所ある $Data{message} の変数を両方とも $Data{date} に変更します。

※　$Data{number} （投稿No）や $Data{title} （タイトル）にしてしまうとレス記事で表示されなくなります。

変更例（名前の前）

sub IconTamplate{package main;$Data{name}=<<_HTML_;#========================
$Data{icon}  $Data{name}
_HTML_

変更例（メッセージ本文の上中央）

sub IconTamplate{package main;$Data{message}=<<_HTML_;#========================
<DIV align="center">$Data{icon}</DIV><BR>$Data{message}
_HTML_

▲

投稿日時の表示を変更したい

当サイトのスキンは投稿日時を次のように切り替えることができます。

2003/01/23(Tue)12:34
2003/01/23(Tue)
2003年01月23日(木)12時34分
2003年01月23日(木)
表示なし

しかし、これ以外の表示にしたい方は次のようにカスタマイズしてください。

親記事の投稿日時の表示を変更する場合、400行前後にある次のような記述を探します。
（スキンによって違う形式の場合があるので注意してください）

# 時間が保存されていた場合表示する。
if($Oyakijitime == 0) {
$Data{date}="";
} elsif($Oyakijitime == 1 && $WEEK_DISPMODE == 0) {
$Data{date}="$date_b $year/$month/$day $$week$ ";
} elsif($Oyakijitime == 2 && $WEEK_DISPMODE == 0) {
$Data{date}="$date_b $year/$month/$day $$week$ $hour:$min";
} elsif($Oyakijitime == 1 && $WEEK_DISPMODE == 1) {
$Data{date}="$date_b $year年$month月$day日 $$weekj$ ";
} else {
$Data{date}="$date_b $year年$month月$day日 $$weekj$ $hour時$min分";
}

とりあえず、ここを次のようにしてください。

# 時間が保存されていた場合表示する。
$Data{date}="";

これで設定項目でどのように指定しても "" の間に並べられた変数が表示されます。

変数は以下のものがあるので好きなように並べてください。

$date_b　・・・　skincfg.cgi [027] で設定している「#投稿時間の前」のテキスト
$year　・・・　年
$month　・・・　月
$day　・・・　日
$week　・・・　英語表示の曜日
$weekj　・・・　漢字表示の曜日
$hour　・・・　時
$min　・・・　分

たとえば、01月23日と表示したい場合はこうすればＯＫです。

# 時間が保存されていた場合表示する。
$Data{date}="$month月$day日";

ちなみに「(」など一部の文字を間にはさむとき、前に「\」を置かないとダメな文字があります。

レス記事の投稿日時の表示を変更するのは親記事と同じ手順です。
580行前後あたりに次のような記述があります。

if($Reskijitime == 0) {
$Data{date}="";
} elsif($Reskijitime == 1 && $WEEK_DISPMODE == 0) {
$Data{date}="$date_b $year/$month/$day $$week$ ";
} elsif($Reskijitime == 2 && $WEEK_DISPMODE == 0) {
$Data{date}="$date_b $year/$month/$day $$week$ $hour:$min";
} elsif($Reskijitime == 1 && $WEEK_DISPMODE == 1) {
$Data{date}="$date_b $year年$month月$day日 $$weekj$ ";
} else {
$Data{date}="$date_b $year年$month月$day日 $$weekj$ $hour時$min分";
}

これを次のように書き換えてあとは中に変数を好きなように入れればＯＫです。

$Data{date}="";

▲

投稿日時の余分な0を削除したい

デフォルトでは数字が一ケタの場合「2003年01月03日...」と「0」が入ります。
この「0」をなくし、「2003年1月3日...」とすることもできます。

検索で ($1,$2,$3,$4,$5,$6,$7); を探します。
３箇所見つかります。（１つめがカタログ、２つめが親記事、３つめがレス記事の表示）

これを ($1, int $2, int $3,$4, int $5, int $6,$7); に変更します。

▲

ページ最上部へのリンクを削除したい

ページ最上部への「▲」のリンクは <A href="#top">$top_pages</A> がそれにあたります。

不必要な場合は、それを検索で探して削除すればよいです。
テーブルの一列だけを削除するなど削除範囲は各自工夫してください。
<TR><TD align="right"><A href="#top">$top_pages</A> </TD></TR>

レスボタンそのものがいらない場合はレスフォームの入ったテーブルごと削除してもかまいません。

▲

メッセージ記入欄を右寄せにしたい

「Scroll」「Transparent」「Box」以外のスキンは、投稿フォームのメッセージ記入欄が横幅100%となっています。
横幅が狭い場合に向いていますが、テーブル幅が広くなると少々格好悪いです。
このメッセージ記入欄を右寄せにすることができます。

skin.cgiから #R4C0 を検索で探すと２箇所見つかりますが、
そのひとつめの周辺の記述が通常投稿フォームのメッセージ記入欄にあたります。
（ふたつめはレイヤーフォーム）

#R4C0 より6行下にあるalign属性指定を right に変更、
18行下にある <BR> を削除、
24行下にあるstyle属性を修正（例： width:300px;border-right-width:0px; ）します。

▲

複数指定について

当サイトの改造スキンはすべて Basic2 がもとになっており、もともとあった設定を利用することで、テーブルの背景色などを複数指定してメッセージごとに変化させることができます。
（font.cgi 使用は投稿者に色を選択させますが、これは自動的に色を変えます）

初めに skincfg.cgi に以下の項目を追加します。

# ■ 追加設定
$CFG{ TableColors } = [
'#33CC66',
'#33CC99',
'#33CCCC',
'#3399CC',
'#3366CC',
'#3333CC',
];

なお、ここでは色の数値になっていますが、画像ファイル名など自由に変更してください。
いくらでも数を増やして指定できます。

そして skin.cgi で $table_color という文を変化させたい値に相当するところに追加すればOKです。

たとえばテーブルの背景なら　～　 bgcolor="$table_color" 、
スタイル指定なら　～　 style="background-color:$table_color;" という具合です。

Simple スキンでは、700行前後あたりにある $Mesg_Out_TABLE を削除して、かわりに bgcolor="$table_color" を置けば、枠の色が skincfg.cgi で指定した色に変化します。
その近くにある $Mesg_In_TABLE ならテーブル背景色、 $Title_In_TD ならタイトルの背景色です。

▲

b14と改行について

BBSNote 8.0 b14では、メニューの後に改行がひとつ挿入されるという変更がされています。
（b16はそうではないようですが）

縦につながるスキン「Scroll」と「Transparent」では、変な空間ができるというデザイン面の問題が起きます。
この改行に不都合を感じられる方は　bbsnote.cgi の 119行にある print "$Data<br>"; という部分の <br> を削除してください。

▲

更新履歴

2004.3.10: 「Simple」　試験的配布開始
2004.3.30: 「Simple Ver 2.0」　「Scroll Ver 1.0」　「Limpid Ver 1.0」　「Transparent Ver 1.0」　配布開始
2004.4.4: 「Simple Ver 2.1」　「Scroll Ver 1.1」　「Limpid Ver 1.1」　「Transparent Ver 1.1」　バージョンアップ
「Clear Ver 1.0」　配布開始
2004.4.29: 「Notebook Ver 1.0」　配布開始
2004.5.5: 全スキン　バージョンアップ　（細かいところをスッキリさせました）
「Line Ver 1.0」　「Cute Ver 1.0」　「Frame Ver 1.0」　配布開始
2004.5.30: 全スキン　バージョンアップ　（縮小機能などを追加・Mini版と通常版を統合）
「Skeleton Ver 1.0」　配布開始
2004.9.5: 多少の変更
（一部スキンのバリエーション追加と削除、画像変更、全スキンに専用説明書の同梱など）
2004.9.23: 全スキンバージョンアップ
（search.cgiを使用したときに削除・編集ができなくなる問題を修正）
2004.12.5: 「Plain Ver 1.0」　配布開始
2005.11.5: 「Transparent Ver 5.0」
（大きいサイズを縮小表示するとき表示が変になる問題を修正）
2005.12.31: 最終更新
バージョンアップ
全てのスキンのPNG画像をGIF画像に変更、説明書の内容増加など
「Plain Ver 2.0」　大幅に内容を変更、バリエーションを追加
「Scroll Ver 5.0」　「Transparent Ver 6.0」　設定項目の追加、デザインを少し変更
「Box Ver 1.1」　配布開始
2006.5.5: サポート終了。同梱説明書を少し更新。

▲

BBSNote 8.0 b版 対応スキン共通 説明書

目次

ここだけは必ず読んでください

スキン共通