アメブロの背景に画像を入れる | アメブロをカスタマイズしよう!

アメブロの背景に画像を入れる

アメブロの背景に画像を入れたい人向けのカスタマイズです。
背景にも画像を入れたい、というご意見があったので追加しました。

背景に入れたい画像をヘッダーなどと同じ要領で追加します。
詳細はこちら → ヘッダー画像とブログの幅を変える

アップロードした画像のURLを用意したら

ブログを書く → デザインの変更 → cssの編集 

に入り、次のタグを追加します。


--------------------------------------------------

body{
background-image:url(アップロードした画像URL);
background-position:center top;/*位置を中央に*/
background-repeat:repeat;/*縦横に繰り返す*/
}

--------------------------------------------------


一枚ものの写真であれば、繰り返すタグは不要ですが
背景に設定するような画像は、パターン画像が多いので
画像の質によって使い分けて下さい。


一枚ものならば、横幅が1200ピクセルぐらいは必要になると思います。
縦だけに繰り返すのなら


background-repeat:repeat-y;/*縦に繰り返す*/

に入れかえて下さい。



ちなみに私が使ったタグはこんな感じです。

--------------------------------------------------

body{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20110520/09/3f/4c/j/o03000211studycss1305850079655.jpg);
background-position:center top;
background-repeat:repeat;
}

--------------------------------------------------



アメブロをカスタマイズしよう!



あまりいないとは思います(笑)が、
ピンクの唐草模様が気にいったら遠慮なく使って下さい。