2006.5.5 説明書更新
ダウンロードしていただきありがとうございます。
この Readme_n.html は、nicky! 用スキンデータ共通の説明書です。
よく読んでスキンをご利用ください。
当サイトにアップしてある最新版にものっていないことで疑問があれば、サポート掲示板などに書き込んでください。
随時追加していきます。
nicky!についての詳しい情報は、こちらの配付元説明書をごらん下さい。
http://www.din.or.jp/~raelian/ReadMeNicky.html
****.txt ・・・ 各スキン個別の説明書
Readme_n.html ・・・ スキン共通の説明書（コレ）
skin フォルダ
｜
├― 画像類 ・・・ スキンによっては画像が同梱されています
├― NickyConf.cgi ・・・ 初期設定のデータ
├― NickyHFdat.cgi ・・・ ヘッダ/フッタの元データ
├― NickyHF.cgi ・・・ ヘッダ/フッタの実行データ
├― CustomText.cgi ・・・ 記事レイアウトの元データ
├― CustomCGI.cgi ・・・ 記事レイアウトの実行データ
├― CustomCmntText.cgi ・・・ コメントレイアウトの元データ
├― CustomCmntCGI.cgi ・・・ コメントレイアウトの実行データ
├― d.cgi ・・・ スタイルシートの元データ
└― d.css ・・・ スタイルシート
tb フォルダ
｜
├― NickyHFdat.cgi ・・・ ヘッダ/フッタの元データ
├― NickyHF.cgi ・・・ ヘッダ/フッタの実行データ
├― CustomText.cgi ・・・ 記事レイアウトの元データ
├― CustomCGI.cgi ・・・ 記事レイアウトの実行データ
├― CustomCmntText.cgi ・・・ コメントレイアウトの元データ
└― CustomCmntCGI.cgi ・・・ コメントレイアウトの実行データ
著作権表示は ヘッダ／フッタ の編集画面の「●フッタ」欄に記述されています。
たとえば、PaintBBS、しぃペインター、DynamicPaletteを使用する場合は、以下のような記述？
CGI <a 〜 の前に挿入がよい感じです。
ShiPainter, PaintBBS Program <a href="http://shichan.jp/">Shi-dow</a><br>
DynamicPalette <a href="http://wondercatstudio.com/">WonderCatStudio</a><br>
一部、背景に素材屋さんからお借りした写真画像を使用しているスキンがあります。
（「Transparent」のスキンなど）
その場合、 海月屋</a> の後ろに素材屋へのリンクがあらかじめ挿入されています。
もし画像を使用しない・変更する場合は適切に修正してください。
別の素材屋の画像を使用する場合は、そこの利用規約に従ってください。
Photo <A href="素材屋URL" target="_blank">素材サイト名</A>
スキンを独自にカスタマイズした場合は、「skin edit by 〜 」や「arranged 〜 」など改造されていることがわかる表現を追記するとよいかもしれません。
スキン変更の際、初期設定も上書きされているので、初期設定を設定しなおす必要があります。
管理者パソコンは通常 初期設定 画面へ行くボタンが表示されています。
（http:// 〜 nicky.cgi?MakeSetup と入力しても行けます）
初期設定 画面でなんらかの変更をした後、
SETUPボタン （どのボタンも同じです）をクリックすれば、反映されます。
ページ上部と下部の表示はヘッダ／フッタをカスタマイズすることにより変更できます。
管理者パソコンは通常 ヘッダ／フッタの編集 画面へ行くボタンが表示されています。
（間違って表示されなくなってしまった場合、http:// 〜 nicky.cgi?HEADEDIT と入力しても行けます）
ヘッダ／フッタの編集 画面でなんらかの変更をした後、
書込ボタン （どのボタンも同じです）をクリックすれば、反映されます。
http:// 〜 nicky.cgi?editcss と入力すると、スタイルシート編集画面になります。
そこでなんらかの変更をした後、
save!ボタン （どのボタンも同じです）をクリックすれば、d.cssに編集が反映されます。
IEの場合、強制更新しないとスタイルシートの変更が日記に反映されませんが、これはnicky!に限りません。
デフォルトでは、スタイルシートを編集したいときはブラウザでd.cgiを編集することがすすめられています。
d.cgiを編集してd.cssを出力するという面倒な手順になっているのは、d.cgiを通すことによって、変数を使ったスタイルシートの定義が可能になるからです。
d.cgiによって指定された変数を具体的な数値に置き換えてからd.cssに出力します。
なので、変数を使いたい場合は、絶対に直接スタイルシートを編集せずに、http:// 〜 nicky.cgi?editcss でd.cgiを編集してください。
d.cssを直接編集したい場合は、d.cgiを削除すればOKです。（変数は使えなくなります）
ヘッダ／フッタの編集 画面の「●ヘッダ」欄の
<link rel="stylesheet" href="d.css" type="text/css"> のスタイルシートの名前を変更したり、
追加したりすれば、d.cssに限らず他の名前のスタイルシートを使うこともできます。
http:// 〜 nicky.cgi?UserCustom と入力すると、ユーザーカスタマイズ画面になります。
ここでなんらかの変更をした後、
Customボタン （どのボタンも同じです）をクリックすれば、カスタマイズが反映されます。
「画像なし」 〜 「画像レイアウト下中央」では、投稿画像の表示形式それぞれの表示を指定します。
「記事のヘッダ」「記事のフッタ」で各記事に共通しているヘッダとフッタを指定していますが、
それぞれの表示形式で個別に指定することもできます。
「トラックバック」はトラックバックを利用する人のみです。
nicky!のスキンはここでカスタマイズをしてデザインを変更できるようにしています。
ここでさらに自分好みに変更を加えることができます。
HTMLタグを理解できる人はチャレンジしてみてください。
http:// 〜 nicky.cgi?UserCustomC と入力すると、コメントのカスタマイズ画面になります。
コメントの表示やコメント入力エリアのデザインをここで設定することができます。
ここでなんらかの変更をした後、
CustomCボタン （どのボタンも同じです）をクリックすれば、カスタマイズが反映されます。
ページ上部のデザインは ヘッダ／フッタ の編集画面の「●ヘッダ」欄で設定できます。
DIARY* のデザインを変更したり、削除したりしたいときは、
「●ヘッダ」欄の<div class="bbstitle">DIARY*</div> をいじってください。
（DIARY*の文字がMEMOになっているなどスキンによって異なります）
代わりにタイトル画像を置いたり、説明やHOMEリンクを入れたり、サイトに合わせて修正できます。
METAタグやスタイルシートの指定を挿入したいときなどもこの周辺をいじります。
ページ下部のデザインは ヘッダ／フッタ の編集画面の「●フッタ」欄で設定できます。
デフォルトではページ下部に
最新の日記へ / タイトル一覧 / 検索 / ★戻る★ のリンクを挿入しています。
不必要であれば、 該当箇所を修正・削除・移動してください。
最新の日記へのリンクやHOMEのリンクはどこかにあった方が便利だと思います。
同じ内容を「●ヘッダ」欄にコピーすることでページ上部に移動することもできます。
ページ下部に説明やリンクを挿入したいときなどもこの周辺をいじります。
通常、（一部のスキン除いて）どの表示形式も画像をそのまま表示しています。
文字によるリンクで表示できるようにしたいときは
ユーザーカスタマイズ 画面で以下のようにカスタマイズをしてみてください。
特に重い画像を日記に投稿するときに向いていると思います。
８つある表示形式のうち、使用しないものを選んで文字リンク表示専用に変更します。
文字リンクにしたいときはその表示形式を選べばよいのです。
<a href="$GrpPath" target="_blank">image</a>
nicky!は縮小表示やサムネイル表示の機能も付いています。
画像を任意のサイズで拡大表示や縮小表示できます。元画像へのリンクが自動的にはられます。
（サムネイル優先なのでサムネイル画像がアップされているときは無効になります）
記事作成 画面、もしくは記事編集 画面で、
表示サイズ ○○fit に、元のサイズと異なる数値を入力し、チェックを入れます。
デフォルト値の設定は 初期設定 画面→「日記本文にまつわる設定」→「画像表示サイズのデフォルト」です。
記事作成 画面、もしくは記事編集 画面で、
「event/spch/thumb」の項目でサムネイル画像（jpg/gif/pngの拡張子）をアップロードすることができます。
サムネイル画像には、「画像ファイル」で指定した画像へのリンクがはられます。
当サイトのスキンはスタイルシートでFONTの文字の大きさと行間をまとめて指定しています。
そのため、FONTタグを指定しても大きさが反映されません。
FONTを使用したい方は、 スタイルシート編集 画面で
font {font-size:12px;line-height:18px;} を font {line-height:110%;} というふうに変更してください。
コメントボタンの「コメント」という文字は、
初期設定 画面 →「コメント関連」→「コメントの文字列」で変更できます。
コメントボタン、プレビューボタン、書き込みボタンのデザインは
スタイルシート編集 画面のbutton2クラスで指定しています。
デフォルトでは、コメントひとつひとつを枠で囲んでいますが、
コメントのカスタマイズ 画面で以下のカスタマイズをすると、
コメントひとつひとつではなく、全体を枠で囲んで小さめの文字で表示します。
１回のコメントの量が２〜３行と少なめのときに向いています。
スタイルシートはあらかじめ指定してありますが、文字の大きさやクラス名など自由に変更してください。
<div class="cmnt4"><span class="cname">$name</span><span class="ctime"> - $time</span></div><div class="cmnt5">$msg</div>\n
「skin」フォルダのデータそのままだと、コメント送信ボタンのみが表示されており、
ボタンをクリックするとコメント入力画面に遷移します。
これをはじめから入力エリアも表示されるようにしたい場合は、
コメントのカスタマイズ 画面で以下のようにカスタマイズしてください。
http:// 〜 nicky.cgi?fname=spainter_param.cgi?editFile と入力すると、
しいペインターカスタマイズ画面になり、背景色などを変更できます。
（管理人しか見ない画面なのであまりカスタマイズの必要はないかもしれません）
以下に当サイトの他CGIのスキンでよく使用しているグレー系統の配色を載せてみました。
<!-- 以下color定義 -->
<param name="color_text" value="#666666"> <!-- アイコンのテキスト -->
<param name="color_bk" value="#EEEEEE"> <!-- アプレットの背景 -->
<param name="color_bk2" value="#FFFFFF"> <!-- アプレットの網線 -->
<param name="color_icon" value="#CCCCCC"> <!-- スクロールバー -->
<param name="color_frame" value="#999999"> <!-- スクロールバーの枠 -->
<param name="color_iconselect" value="#333333"> <!-- 選択時枠(不明) -->
<param name="color_bar" value="#666666"> <!-- スクロールバー -->
<param name="color_bar_hl" value="#666666"> <!-- スクロールバー(Hi) -->
<param name="color_bar_frame_hl" value="#333333"> <!-- (不明) -->
<!-- 以下アイコンの定義 -->
<param name="tool_color_button" value="#EEEEEE">
<param name="tool_color_button2" value="#EEEEEE">
<param name="tool_color_text" value="#4d5366">
<param name="tool_color_bar" value="#EEEEEE">
<param name="tool_color_frame" value="#999999">
しいペインター、PaintBBSの描画画面が狭くて描きにくいときは、
初期設定 →「お絵描きアプレット」→「Appletサイズの縦幅と横幅」を
自分の使用するパソコンに合わせて指定するとよいそうです。