2/32

レイアウト入門

　今回は、レイアウト設定のための基礎を勉強しましょう。

　まずは、標準設定の丸い所を押します。

↓ここ

──────────────────────

◯標準設定‬

　通常小説の初期設定です。‬

　背景色：白／文字色：薄めの黒‬

　リンク色〔訪問前〕：青‬

　リンク色〔訪問済〕：薄紫‬

　リンク色〔マウスオーバー〕：緑‬

──────────────────────

　すると、『HTMLタグで色設定をする』の部分が以下のように変化します。

▼▼▼▼▼▼▼▼

HTML知識のある方は以下で自由に設定することができます。

背景色(bgcolor)

[ffffff　　　]‬

(カラーコード(例：) (000000)) (で指定してください。)‬

背景画像(background)

[http://‬ 　　　　　　　　　　　　　　　　　]

(※背景色(bgcol) (or)より背景画像) ((backgrou) (nd)の指定が優) (先されます。)‬

文字色

[444444　　]‬

(カラーコード) ((例:000000)) (で指定してください。)‬

リンク〔訪問前〕

[0033cc　　　]‬

(カラーコード) ((例:000000)) (で指定してください。)‬

リンク〔訪問済〕

[885577　　　]‬

(vlinkの指定です) (。)‬

(カラーコード) ((例:000000)) (で指定してください。)‬

リンク〔マウスオーバー〕

[339933　　　]‬

(hoverの指定です) (。)‬

(カラーコード) ((例：000000)) (で指定してください。)‬

▼▼▼▼▼▼▼▼

　まだ何のこっちゃ分からないかも知れません。‬

　しかし、注目する部分は2か所です！‬

背景色

[ffffff　　　]‬

文字色

[444444　　]‬

　この2か所、この2か所さえ変更すれば良いのです。‬

　どうです？　少し希望が見えました？‬

　本日はここまで。‬

　次回から具体的な数値を紹介していきます。‬

　しばらくは「うすい色の背景+黒い文字」という組み合わせになります。

　次回、うすい黄色（fffff0）お楽しみに！‬

以下は興味がある人だけ。

ffffff や 444444 という数字が何を意味するのか、気になります？

例えば、ffffff は (赤255, 緑255, 青255) 、444444は (赤68, 緑68, 青,68) の省略形なのです。

この数字が大きいほど白く、小さいほど黒に近い色になります。

もう少し詳しく

ffffff は３つの部分に分けられます。

ff、ff、ff

左が赤、中央が緑、右が青の強さを意味します。

この ff は１６進数というものです。通常の数字と異なり16で繰り上がります。

例えば、f＝15 、f0＝16×15＝240 で、ff は 240の15後の数字だから255となります。

１６進数の説明は長くなるので、このくらいで切り上げます。気になる人はググってみると良いかもしれません。