背景画像のカスタマイズ（背景画像を繰り返す）

こんにちはorこんばんは

ブログカスタマイズやパソコン初心者の方が
パソコン1台で独立を達成

女性起業家のための集客力や
デザイン力を身につける
愛されるブログ作りのための
ブログデザイン・パソコン教室

ブログデザイナー：水本紗輝です。


お客さまの目と心をワシ掴む
魅力的なブログデザイン・
ヘッダーカスタマイズも
たったの1,0000円で承ってます


この度はご閲覧下さり、ありがとうございます。
どうぞ、よろしくお願いしますUU


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

『アメブロ　背景画像をカスタマイズしよう！』

①背景画像のカスタマイズは、
ブログ管理ページ⇒
デザイン変更⇒CSS編集⇒
現在使用中のブログデザインＣＳＳ
（カスタマイズ可能なテンプレートを使用
　している場合に限ります）
から行います。

 【　繰り返しに適した画像を使う場合　】

②（3-1）ボディ（全体）欄　の

.skinBody
{
}
を削除して
下記のコードをコピーして、
貼り付けて保存してください。

/* ブログ全体に背景を敷きたいとき */
.skinBody{
background-image: url(画像のURL);/* 配置したい画像のURL */
background-repeat: repeat;/* 背景画像を全体に敷き詰める*/
background-position: left top;/* 背景画像の位置 */
}

③背景にしたい画像を幅300px以下なら
　ブログ管理ページの画像フォルダから
　画像をアップロード。

　それ以上ならば、
　デザインの変更ページの
　「ブログデザインヘッダ・
　　背景画像の追加」欄から
　画像をアップロードします。
　
　アップ後、画像のURLをコピーします。
　　


④赤文字の部分に
　背景にしたい画像のＵＲＬを
　入れて、保存してください。


/* ブログ全体に背景を敷きたいとき */
.skinBody{
background-image: url(http://stat.ameba.jp/user_images/20140106/10/world-paper-craft/47/9a/p/o0100010012805468658.png);/* 配置したい画像のURL */
background-repeat: repeat;/* 背景画像を全体に敷き詰める*/
background-position: left top;/* 背景画像の位置 */
}

オレンジ文字の部分は
背景画像を繰り返すか、繰り返さないかを
決めるコードです。

繰り返しのコードは

●　背景画像を全体に敷き詰める⇒repeat

●　画像を配置した位置から横方向のみ⇒repeat-x

●　画像を配置した位置からから縦方向のみ⇒repeat-y

の３種類があります！


上記コードで、
繰り返しに適した画像のURLを挿入して保存すると、背景は
下記のような感じになります

ちょっと文字が見にくくなりましたが；

長くなりそうなので、続きは次のページへ

次は、　/* 背景を繰り返さない場合のカスタマイズ方法です！ */



-----------------------------------------------------------------------------------------
宜しかったら、１クリックお願いします