●6 次にエディットを

	● ● ● ● ● WINユーザーも、MACユーザーもこれなら出来る！? ● ● ● ● ●
	CGI設置・アレンジ講座

Ｍｅｎｕ
●	1	はじめに
●	2	まずはダウンロード
●	3	そしてアップロード
●	4	パーミッション設定
●	5	いよいよCGIアレンジ
●	6	次にエディットを
●	7	トラブルの解決
●	8	Ｑ＆Ａ
●	《Back To CGI Home》

AND OR

●6 次にエディットを

■ より個性を出す為には？

ほぼ当サイトのCGIはスキン式でデザインアレンジがやり易いのですが、より細かく設定するにはスクリプト内にあるHTMLを直接エディットする事になります。特にこの時はステップバイステップで表示を確認しながらする事は必須となります。

■ CGIスクリプトの基礎知識

サブルーチンって？

何らかの作業をを保持するための格納場所で、sub 名前、で始まる箇所で、&名前 で呼び出せます。

例；

sub titledezine{	ここから
～
～
～
}	ここまで

がサブルーチンです。
こうしておくと

&titledezine;

と記述してあるところで上記のサブルーチン部分が実行されます。

HTMLはどう記述されているの？

print文
ヒアドキュメント文～その壱
ヒアドキュメント文～その弐

■ アレンジ例　(全文検索ママズ)

当サイトで配付している掲示板CGIにはそれぞれのマニュアルにアレンジの例が有りますのでそちらをご覧下さい。
ここでは全文検索スクリプト「ママズ」のデザインアレンジを例にしてみます。
「mamas.cgi」の初期設定は、茶色系ですので、これをブルー系に変更し、タイトルも「マニュアル内検索」としてみましょう。

「ページ背景色」の変更をします。

73行目のボディータグ
bgcolor="#560605"
↓
bgcolor="#212B52"
と、ダークブルー系にします。
フォトショップの場合カラーピッカーから同系色で少し明るい色「#525C80」 を選択し「検索フォームテーブルと、フォームの背景色」に設定します。

75行目検索フォームテーブルと、フォームの背景色
$tablecolor = "#8F7979";
↓
$tablecolor = "#525C80";
次にタイトル部分を変更します。
まず、「●ヘッダ表示」という文字を検索し、サブルーチン「sub head」を表示させておきます。ここは、HTMLでページのヘッダ部分と、タイトル部分が記述されている所です。

305行目～399行目がタイトルのテーブルです。

<center>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<tr>
<td>●
$scriptitle
●
●
●
●
●
●
$home</td>
</tr>
</TABLE>
</center>

これを今回カラーデザインも背景色に合わせて変更し、タイトルも「マニュアル内検索」と書き換えます。

まず47行目でタイトルを変更します。
$scriptitle = "マニュアル内検索";

続いて例えば以下のように太字の部分を書き換えます。

<center>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<tr>
<td>●
マニュアル内検索
●
●
●
●
●
●
$home</td>
</tr>
</TABLE>
</center>
一寸凝って、「検索」、ボタンの色を際立たせるために少し暗く(#3D4870)します。

スタイルシート部分の
90行目
.btn {color:#ffffff; background:$tablecolor; }
↓
.btn {color:#ffffff; background:#3D4870; }
出来上がりサンプルは本マニュアルの検索CGIとして実働中のこれです。