アメブロの背景に画像を入れる
アメブロの背景に画像を入れたい人向けのカスタマイズです。
背景にも画像を入れたい、というご意見があったので追加しました。
背景に入れたい画像をヘッダーなどと同じ要領で追加します。
詳細はこちら → ヘッダー画像とブログの幅を変える
アップロードした画像の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;
}
--------------------------------------------------

あまりいないとは思います(笑)が、
ピンクの唐草模様が気にいったら遠慮なく使って下さい。
背景にも画像を入れたい、というご意見があったので追加しました。
背景に入れたい画像をヘッダーなどと同じ要領で追加します。
詳細はこちら → ヘッダー画像とブログの幅を変える
アップロードした画像の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;
}
--------------------------------------------------

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