ブログ(body要素)の背景・文字の設定を変える

【背景の設定】

＜背景色を変える＞
ここで言う背景と言うのは
両脇の白っぽい部分です。

ブログの背景色を変える要素は
/*-----Common-----*/内の

body {
background:#fafafc;
color:#333333;
}
赤字の部分です。
初期設定では#fafafcです。
＃------部分にお好みの数字
または色名(色の場合は＃不要)を指定ください
6ケタの数字については「色の設定について」の
項目をご覧ください。


＜背景画像を挿入する＞
背景色を変える時同様
背景画像が適用されるのは
左右の白っぽい部分です。

背景画像を挿入する場合は
背景色の要素の部分を削除し
アップロード済みのファイルをクリックします。
すると

body {
background:url("/----------------") no-repeat;という
color:#333333;
}

記述になります。
ただし、画像の大きさによりフォロー出来ない部分が
出てきますので、十分に幅のある画像
またはシンプルな画像を使って
no-repeat→repeatに変更し、縦横の繰り返しをすることを
おすすめします。


【文字の設定】

＜文字の色を変える＞
ブログ中の文字色の基本色を設定します。
(個別設定される部分は除く)

ブログの文字色を変える要素は

body {
background:#fafafc;
color:#333333;
}
赤字の部分です。
初期設定では＃333333です。
＃------部分にお好みの数字
または色名(色の場合は＃不要)を指定ください
6ケタの数字については「色の設定について」の
項目をご覧ください。


＜文字の太さを変える＞
ブログ中の文字の基本となる太さを設定します。
(個別設定される部分は除く)

設定方法は

body {
background:#fafafc;
font-weight:★;
color:#333333;
}

★＝100～900までの数(100単位)
400がnormal,700がbold
詳しくは記事「フォント１」をご覧ください。


＜文字を斜体にする＞
ブログ中の文字を全部斜体にします。
設定方法は

body {
background:#fafafc;
font-style:italic;
color:#333333;
}

ブログ全体を斜体にすると見づらいだけなので
変えたい部分だけを変えた方がいいと思います。


＜フォントの種類を変える＞
ブログ中の文字を全部指定したフォントにします。
設定方法は

body {
background:#fafafc;
font-family:"使いたいフォント";
color:#333333;
}

例
body {
background:#fafafc;
font-family;"HGP平成明朝体W9";
(ブログ全体にフォントHGP平成明朝体W9";を適用)
color:#333333;
}
フォント名が分からない時は
エクセルやワードからコピーして下さい。
（全角空白とか紛らわしいものがあるので
手打ちはやめた方がいいです。）

見る側のパソコンにインストールされていない
フォントは無視されますのでご注意ください。


＜文字の大きさを変える＞
ブログ中の文字を全部指定した大きさにします。
設定方法は

body {
background:#fafafc;
font-size:★;
color:#333333;
}


★＝
サイズを表す数値＋単位（mm,cm,in,pt.pc,em,ex,px)
または、larger,smaller,％
またはxx-large,x-large,large,medium,small,x-small,xx-small

個人的にいつも使用しているのはptで数値は10～16の間です。

タグ：CSS ブログ カスタマイズ 背景 背景画像 文字 フォント so-net

コメント 1

出会いの季節っしょ♪
一人暮らしの女とかマジですぐポンポン落ちておもしれーｗｗ
お姉さん美味しかったです（＾ｑ＾）
http://os8ig-6.www.sofban.info/os8ig-6/
by 春野 (2011-04-09 15:00)