K's template -7ページ目

K's template

今御覧のブログテンプレート無料で差し上げます。

この記事の要点

 ①背景を変更する際にいじる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:スクロール時の動きを指定


などなど。


個別にこの背景をこうしたい、というのは個別に連絡いただければ

できる範囲で返答します。