<戻る  目次  進む>   
<戻 進> 雑誌 白黒 明暗   フォント 規定 ゴシック 明朝 手書き   サイズ   標準  
   デザインカスタマイズ   

苦Cのデザインカスタマイズは、次のように行います。
ただし、カスタマイズはWindowsのみで行えます。

まず、Cドライブに 9C という名前のフォルダを作成します。
そして、そこに次の名前の3つのテキストファイルを作成します。

color.css
font.css
size.css
これらはそれぞれ、色使い、フォント、文字サイズを指定するスタイルシートです。
苦Cの標準のスタイルシートは、c_def.css f_gothic.css s_middle.css なので、
これらを参考にして自由にスタイルシートを記述してみて下さい。

スタイルシートを記述したら、画面上スタイル変更リスト内の独自を押すと、
それぞれのスタイルが反映されます。
なお、指定しなかった部分については標準スタイルが適用されます。

スタイルシートがよくわからない場合は、とりあえず次のサンプルを利用して下さい。

color.css のサンプル

BODY {
background-image:url('背景画像名');
background-color:背景色;
color:通常文字の色;
}
色は、#000000(黒)〜 #FFFFFF(白)の形式で記述します。
色の一覧 http://www.page.sannet.ne.jp/mtoga/html/bih-h_x1.htm
PC内の背景画像を使用するには、9C フォルダ内にコピーして、
file://localhost/C:/9C/画像ファイル名 として下さい。
http 指定を用いれば、他サイトの画像も使用可能です。
背景画像を使用しない場合は、url('') とします。

font.css のサンプル

BODY {
font-family:フォント名
}

size.css のサンプル

BODY {
font-size:通常文字のサイズ;
line-height:行間;
}
大きさの指定方法は数種類あります。
数字のみ 1〜7の範囲
数字+px ピクセル(画面上の点)のサイズ
数字+cm センチメートル。(ブラウザ次第で)ディスプレイの物理的な大きさに対応します。
数字+in インチ。(ブラウザ次第で)ディスプレイの物理的な大きさに対応します。
行間には100〜150%の指定を行うのが無難です。

なお、このカスタマイズはPC内のファイルを読み込んでいることになりますが、
これは単にPC内のファイルを指定することでブラウザがそれを利用するだけであり、
特別な手法を使用してファイルを読み込み解析しているわけではありません。


<−前に戻る  先頭に戻る  次へ進む−>