|
* スキン編集Tips *
|
も く じ
|
|
【全般編】
【HiBBS/HiBBS2編】
【HiBBS-i/HiLine編】
|
|
■[全般編]HTML編集ソフト（ホームページビルダー等）使用する場合
|
- HTML編集ソフト（ホームページビルダー等）を使用して編集する場合、タグの自動修正機能に注意してください。
- ほとんどのスキンファイルは手書きで作成していますので、タグの位置がイリーガルになっている場合があります。（動作は正常に行えます）
- HTML編集ソフトはそのイリーガルなタグの位置を自動で修正・削除を行う機能がありますので、機能をオフにするか、手書きでの編集をお勧めします。
|
▲もくじへ戻る
|
■[全般編]削除してはいけない文字列
|
-
- スキンファイル内で削除してはいけない文字列があります。
-
- $でくくられた文字列(例：$home$など)
- これはスクリプト内で使用している変数の値が変換されて表示される部分です。
- これを削除または1文字削除されたりすると動作しない場合があります。
-
- <!-- DATA --> や <!-- RESDATA -->などの文字列
- これは掲示板スクリプトなど記事データが複数ある場合、<!-- DATA --> 〜 <!-- DATA -->までを1件の記事データとして扱い、複数表示させるようにするためのものです。
- これを削除してしまうと、記事が正常に表示されなくなります。
|
▲もくじへ戻る
|
■[全般編]背景色を変更したい
|
- スキンファイルを開き、BODYタグにてbgcolor=色を追加または変更して、背景色を変えることができます。
|
▲もくじへ戻る
|
■[全般編]背景画像を使用したい
|
- スキンファイルを開き、BODYタグにてbackground=背景画像URLを追加または変更して、背景画像を使用することができます。
|
▲もくじへ戻る
|
■[全般編]画像素材を使用して編集するとき
|
- スキンファイルは通常<skin>ディレクトリにありますが、スキンファイルに画像素材を使用する場合に注意しなければならない点があります。
- 素材を置く場所は<skin>ディレクトリではなく、CGIスクリプトが置いてあるディレクトリに置いてください。
- ただし、素材へのパスを絶対パスにすればこのような処置はいりません。
-
- 絶対パスというのは、http://www.XXX.com/img/sample.gif のようなhttp://から始まるURLのことです。
- ちなみに相対パスというのは、../img/sample.gif、もしくはsample.gifのみにしていることを言います。
- 絶対パス→<img src="http://www.XXX.com/img/sample.gif" border="0">
- 相対パス→<img src="sample.gif" border="0">
|
▲もくじへ戻る
|
■[HiBBS編]文字色を変更したい
|
- main.htmlとres.htmlを編集します。
-
- 文字色を選択するSELECTタグがありますので、
- <OPTION VALUE="#000000" style="color:#000000;">■黒
- 赤字の部分を好きな色に変更してください。
|
▲もくじへ戻る
|
■[HiBBS編]文字色を追加・削除したい
|
- main.htmlとres.htmlを編集します。
-
- 文字色を選択するSELECTタグがありますので、
- <OPTION VALUE="#000000" style="color:#000000;">■黒
- の部分を適宜追加・削除してください。
|
▲もくじへ戻る
|
■[HiBBS編]文字色選択でSELECTタグをやめたい
|
- SELECTタグをやめて、ラジオボタンでの選択方法に変えることができますが、その場合、クッキーによる文字色保存ができなくなります。
- クッキー保存したい場合は、CGIスクリプトを改造する必要があります。
- 現段階ではCGIスクリプト改造方法は載せません。
-
- 一応、ラジオボタンへの変更方法を書きます。
- <input type="radio" name="color" value="#000000">
- <font color="#000000">■</font>
- SELECTタグを削除し、上記のINPUTタグを必要なだけ記述してください。
|
▲もくじへ戻る
|
■[HiBBS-i編]文字色を変更したい
|
- main.htmlとres.htmlを編集します。
-
- 文字色を選択するINPUTタグがありますので、
- <input type="radio" name="color" value="#000000" style="border-width : 0px 0px 0px 0px;">
- <font size="2" color="#000000">★</font>
- の赤字の部分を適宜変更してください。
- （注意）
- デフォルトの文字色を変更した場合は、config.cgiの文字色デフォルトカラーも変更してください。
|
▲もくじへ戻る
|
■[HiBBS-i編]文字色を追加・削除したい
|
- main.htmlとres.htmlを編集します。
-
- 文字色を選択するINPUTタグがありますので、
- <input type="radio" name="color" value="#000000" style="border-width : 0px 0px 0px 0px;">
- <font size="2" color="#000000">★</font>
- を適宜追加・削除してください。
|
▲もくじへ戻る
|
■[HiBBS-i編]自分の好きなアイコンにしたい
|
- config.cgi、main.html、res.htmlとiconlist.htmlを編集します。
-
- config.cgiの編集
- アイコン画像パスの部分に用意したアイコン画像へのパスを設定してください。
- 上から順番にSELECTタグへと反映されていきます。
- ※注意：パスの最後の行にはカンマ(,)がありませんのでご注意ください。
-
- main.htmlの編集
- アイコンのSELECTタグのOPTIONタグを適宜変更してください。
- VALUEで設定する値は0から順番に上から設定してください。config.cgiの順番と対応しています。
-
- res.htmlの編集
- アイコンのSELECTタグのOPTIONタグを適宜変更してください。
- VALUEで設定する値は0から順番に上から設定してください。config.cgiの順番と対応しています。
-
- iconlist.htmlの編集
- 適宜アイコンリストを作成してください。
-
- ※アイコンをFTP転送（バイナリモード）するのも忘れないようにしましょう！
|
▲もくじへ戻る
|
■[HiBBS-i編]アイコンを追加・削除したい
|
- config.cgi、main.html、res.htmlとiconlist.htmlを編集します。
-
- config.cgiの編集
- アイコン画像パスの部分を適宜追加・削除してください。
- 上から順番にSELECTタグへと反映されていきます。
- ※注意：パスの最後の行にはカンマ(,)がありませんのでご注意ください。
-
- main.htmlの編集
- アイコンのSELECTタグのOPTIONタグを適宜追加・削除してください。
- VALUEで設定する値は0から順番に上から設定してください。config.cgiの順番と対応しています。
-
- res.htmlの編集
- アイコンのSELECTタグのOPTIONタグを適宜変更してください。
- VALUEで設定する値は0から順番に上から設定してください。config.cgiの順番と対応しています。
-
- iconlist.htmlの編集
- 適宜アイコンリストを変更してください。
-
- ※アイコンをFTP転送（バイナリモード）するのも忘れないようにしましょう！
|
▲もくじへ戻る
|
