背景を画像にしたけど繰り返す方法を変えたい人向けＣＳＳ。

●ＣＳＳを始めていじる場合は
「ブログを書く」⇒「デザインの変更」
　カスタム可能なスキンの場合は「ＣＳＳの編集」
　カスタム不可能なスキンはカスタム可能なスキンに変更。

●背景を画像にする

/*５）ページ背景に画像を入れる*/
body{
background-image:url(ＵＲＬ);
}

※ＵＲＬに画像のＵＲＬを貼り付けてください。
コピペもしくは同じところを探してください。

●繰り返す処理
/*５）ページ背景に画像を入れる*/
body{
background-image:url(http://stat.ameba.jp/user_images/20100206/00/originwidget/8a/6c/j/o0098030310402666311.jpg);
background-repeat:repeat-x;
}

※background-repeat:repeat-x;を追加しました。
　repeat-x　：　横に繰り返す処理。
　repeat-y　：　縦に繰り返す処理。
　no-repeat-y　：　繰り返さない処理。

※途切れている部分は
body {
background-color: #カラー;
}
カラーの部分にカラーチャートでカラーを探してみてください。
ＧＩＭＰなど方法はいくらでもあります。


●画面をスクロールしても動かない処理
/*５）ページ背景に画像を入れる*/
body{
background-image:url(http://stat.ameba.jp/user_images/20100206/00/originwidget/8a/6c/j/o0098030310402666311.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
}

※background-attachment:fixed;を追加しています。
　これを追加する事でスクロールバーをいじって下の記事を観にいっても、背景は動きません。


最後までお読みいただきありがとうございます。


星



●ヘッダーやＣＳＳの編集などのカスタマイズにご興味ある方はコチラ♪
・オリジナルヘッダーを作るときのソフトを紹介。
・横幅を広げたり、ヘッダーやサイドバーのＣＳＳなどについて紹介
http://ameblo.jp/originwidget/theme-10019256802.html


●私が作ったアメーバブログのヘッダーを一覧にしてみました！
・私がオススメしているグラフィックソフトで作ったヘッダー紹介
・ヘッダー以外にもカスタマイズできる部分も確認
・サンプルも数点ご用意
http://ameblo.jp/originwidget/entry-10444186830.html


●読者登録はコチラかもＯＫです。アメブロガーさんは是非♪
http://blog.ameba.jp/reader.do?bnm=originwidget