☆ 最初に
design.phpは、aki-webで公開しているスクリプトのデザインを変更する為のツールです。
対応しているスクリプトには、「design.php対応」とスクリプトの説明に記載しています。
なお設定しても反映されない項目については、初期設定時にN/Aが入力されています。
☆ 設定項目
■ 文字のサイズ
サイズは、ポイント(pt)、ピクセル(px)、インチ(in)、センチ(cm)、ミリ(mm)、パイカ(pc)、ems(em)、exs(ex)と様々な単位で表現できます。
通常は一つの単位で数値だけ変えて設定すればいいでしょう。
下に大きさの目安を示しておきます。
大きさ | 14pt | 大きさ | 14px |
大きさ | 0.5in | 大きさ | 0.5cm |
大きさ | 2mm | 大きさ | 2pc |
大きさ | 2em | 大きさ | 2ex |
このように単位によって、大きさがかなり異なりますので注意してください。
■ 色(文字色、背景色)の設定
色は#つきの6桁の16進数で設定して下さい。(#000000〜#FFFFFFの範囲になります)
下に例を示します。
こんな感じです。 | #000000 | こんな感じです。 | #FF0000 |
こんな感じです。 | #222222 | こんな感じです。 | #3300FF |
こんな感じです。 | #444444 | こんな感じです。 | #FFFF00 |
こんな感じです。 | #666666 | こんな感じです。 | #00FFFF |
こんな感じです。 | #888888 | こんな感じです。 | #00FF00 |
こんな感じです。 | #AAAAAA | こんな感じです。 | #FF00FF |
こんな感じです。 | #CCCCCC | こんな感じです。 | #CC6699 |
こんな感じです。 | #EEEEEE | こんな感じです。 | #660000 |
16進数の組み合わせによって、様々な色を作り出す事ができます。
■ 文字スタイル
文字の形を決定します。
スタイルによって雰囲気がかなり変わりますので、色々かえて試してみてください。(名前は、下の表からコピーして下さい。)
ただしブラウザによってはスタイルが正常に表示されません。また、英文フォントは日本語が表示されませんので使用しないで下さい。(例外あり)
フォントに関しては沢山ありますので全てを紹介する事はできませんが、下に一例を示します。
あいうえおabcABC123 | MS Pゴシック | あいうえおabcABC123 | HG正楷書体-PRO |
あいうえおabcABC123 | MS ゴシック | あいうえおabcABC123 | HGP創英角ポップ体 |
あいうえおabcABC123 | MS P明朝 | あいうえおabcABC123 | MS UI Gothic |
あいうえおabcABC123 | MS 明朝 | あいうえおabcABC123 | HGP創英角ゴシックUB |
あいうえおabcABC123 | HG丸ゴシックM-PRO | あいうえおabcABC123 | HGPゴシックE |
■ タイトル画像/背景イメージの設定
画像を使用する場合は、画像ファイルがある場所までのパスを記述します。
例えば同じ階層にある「hoge.jpg」を表示させたい場合は、「hoge.jpg]、hogehogeフォルダの中にあるのであれば、「hogehoge/hoge.jpg」というようになります。
■ テーブルの幅、文字幅、行間隔の設定
これらの設定は、文字サイズのところで紹介した単位(ptやpx等)以外に、%で設定する事も可能です。
例えば、画面の半分にテーブルの幅を設定したい場合は「50%」といった設定が可能です。
☆ その他の項目
■ 設定名/作成者の名前・・・任意に名前をつける事ができます。
☆ 最後に
設定の確認画面から設定画面に戻った場合、その時に設定した内容は失われますので注意してください。
保存する場合は、設定の確認画面で「設定内容をファイルに書き込む」を実行して下さい。
いいデザインができましたら、ぜひメールにて(bbs_conf.dat)をお送り下さい。
吟味の上、ホームページ上で掲載させて頂きたいと思います。
よろしくお願いします。
aki@mx3.adam.ne.jp