この記事の要点
①背景を変更する際にいじるCSSの場所
②画像の繰り返しについて
③背景関連で使うCSSコード
さて、背景画像の変更方法です。
まず、CSS編集画面に行きましょう。
「ブログを書く」→「デザインの変更」→「CSS編集」
とクリックしていきましょう。
画面下のほうからCSSが記述されていますね。
その中盤辺りの
(3)エリアのスタイル
というところまでスクロールします。
そして赤字でここと書いたところにアップした画像のパスをペーストします。
.skinBody{background: url('ここ') }
するとこんな感じのCSSになりますね。
.skinBody{background: url('http://○○○○○.×××××.png')}
この状態で一度「表示を確認する」を押して挿入されたかどうか確認をしましょう。
どうでしょうか?
うまくいきましたか?
中には ?????
という感じになった人もいるでしょう。
背景に画像を指定するとその画像が背景を埋め尽くすように
繰り返されます。
なので、小さい写真とかだと結構うるさーい背景になるので注意。
背景は
.skinBody
.skinBody2
.skinBody3
と3つ入れられるのですが、
「背景だけ記憶に残ってるけど、何かいてたっけ?」
なんてことにならないように、背景はあくまで背景。
という意識を忘れないで、詰め込みすぎはやめましょうね。
ちなみに当ブログでも背景には3画像を使っていますが、
そんなにうるさくないですよね。
記事の内容第一。
記事が見づらくなるような背景は厳禁ですよ。
最後に背景関連で使えるCSS
background-image:←画像を指定
background-position:←場所を指定
background-repeat:繰り返しを指定
background-attachment:スクロール時の動きを指定
などなど。
個別にこの背景をこうしたい、というのは個別に連絡いただければ
できる範囲で返答します。