質問にお応えします。 | こんなアフィリエイターになってはいけない

質問にお応えします。

てきとーカスタマイズ

「背景の変更、私もしたいのですが、
借りてきた画像をいれるのって簡単ですか?」
というご質問を頂きました。

背景を変える方法 の補足として書きますね。

わたしと同じスキンを選んだ前提でお話しします。
が、
自分がすでにCSSをいじってしまっているので、

もとの記述がどうなっていたかが定かでありません(笑)
同じものをDLしたのにそんな記述ないよ!」

と言う場合は、記事にある記述を参考に変えてください。

文字の指定などもいじっていますのが

ここでは背景画像の入れ替え方のみ解説します。

四葉 仮に、この画像 を使うとします。

アメブロに画像をアップした場合
(ちょっと面倒なので他のところにアップするのを勧めますが)
画像フォルダーの使いたい画像の上で右クリックし(ウィンドウズの場合)
プロパティ」を開くと画像のアドレスがあります。
▲の画像だと http://ameblo.jp/user_images/×××××_s.gif  です
このアドレスを

下記の記述の url(http://~~~~); のカッコの中に入れます

ちなみに大きい画像の場合はこのアドレスは縮小されたものになっているので、
 ~_s.gif の「_S」を消して使ってください。
小さい画像の場合は消しても消さなくても大きさは変わりません。

body {
background-color: #FFFFFF; 
background-image: url(http://~~~~~);
background-repeat: repeat-y; たてに繰り返す / repeat-x よこに繰り返す
background-position: center top;
}

たてにもよこにも繰り返すのであれば
background-repeat の行はなくても大丈夫です。
画像の開始点を左上にするなら

background-position: left top に変えます。

body {
background-color: #FFFFFF; 
background-image: url(画像アドレス);
background-position: center top;
}
の指定だとこんなです▼
見本 (クリックで拡大できます)

下の方に出てくる
#frame {
background-color: #FFFFFF;
}
という部分をカットするとこうなる

見本2

さらに下にある
#wrap {
background-color: #FFFFFF;
}
という部分もさらにカットしたらこうなる

見本3
画像によっては文字が読めない(笑)


背景の色指定が白(#FFFFFF)だと分かりにくいけど

背景部分は大きさの違うシートが何重にも重なっていると考えてください。
画像を使わずに、色の指定だけを変えてもいいでしょう。

たとえば
背景の画像の指定を消して、色を変えてみる。

body {
background-color: #C6AC90;
}
で、こうなる▼
見本5

#header(看板部分)の画像も消して

body {
background-color: #C6AC90;
}
#frame {
background-color: #FFFFFF;
}
#subFrame {
}
#header {
background-color: #C6AC90;
}
#wrap {
background-color: #FFFFFF;
}
#main {
background-color: #FFFFFF;
}
だとこうなる▼
見本6

調子に乗ってここまでやると

body {
background-color: #C6AC90;
}
#frame {
background-color: #C6AC90;
}
#header {
background-color: #C6AC90;
}
#wrap {
background-color: #C6AC90;
}
#main {
background-color: #C6AC90;
}
こうなる(笑)▼
見本4  
文字は見やすい色に調整してください

ざっとこんな感じです。



色の指定についてはネット上に色んなカラーチャートがあるので、
そこからコピペして使うと楽です
参考カラーチャート



アフィリエイトサービス比較  ★オススメサーバーベスト3
アフィリエイトのお勉強  ●素晴らしき衝動買いの世界
検索エンジン登録代行・検索エンジン上位表示でアクセスアップ! 1980円~!