PR

本広告は、一定期間更新の無いブログにのみ表示されます。
ブログ更新が行われると本広告は非表示となります。

  
Posted by つくばちゃんねるブログ at
のらねこさんのブログの全体に画像を入れるやり方です。

のらねこさんが使っているテンプレートは【シンプル極】ですので、
テンプレート【シンプル極】をお使い方は参考にしてください。


元のスタイルシートはこうなっていたと思います。
  ↓    ↓    ↓
/* "body" Tag
-------------------------------------------------- */
body {
color: #333;
margin: 0; ここを
padding: 0;  ↓
background: #ffeef7 url(http://blog.tsukuba.ch/_img/phsimple_ex/bg.gif) repeat-y 50% 0;
font-size: 13px;
*font-size: small;
*font: x-small;
line-height: 1.5;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, "MS Pゴシック", sans-serif;
text-align: center;
}



それをこう変えます。
  ↓    ↓    ↓
/* "body" Tag
-------------------------------------------------- */
body {
color: #333;
margin: 0;
padding: 0;
background-image: url(http://img01.tsukuba.ch/usr/rarara/image.jpg);
background-repeat: repeat-y;
    ↑こう変える
font-size: 13px;
*font-size: small;
*font: x-small;
line-height: 1.5;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, "MS Pゴシック", sans-serif;
text-align: center;
}


ついでに、ブログのボディを白にしてみました。
ブログのバックの変え方は、
パックの白をパステル調に変えたいんだけどを参考にしてください。
白は #fff です。

ブログの背景に、ウエブアートの画像を入れるときは
バックを画像にする(ブログ)のやり方で入れると、ウエブアート+ウエブアートのブログになります。
  

すみません、書き忘れました。

バックを画像に変えるときは、
width(横幅)を740pxに変更してください。
  

のらねこさんから、バックを画像に変更したいとのリクエストを受けました。

のらねこさんが使っているテンプレートは【シンプル極】ですので、
テンプレート【シンプル極】をお使い方は参考にしてください。


元のスタイルシートはこうなっていたと思います。
  ↓    ↓    ↓
/* コンテナ
================================================== */
#container {
margin: 0 auto;
width: 740px;
text-align: left;
background: #ffffdd; ←ここを
}


それをこう変えます。
  ↓    ↓    ↓
/* コンテナ
================================================== */
#container {
margin: 0 auto;
width: 740px;
text-align: left;
background: url(http://img01.tsukuba.ch/usr/rarara/image.jpg); ←こう変える
}
  

テンプレート【シンプル極】の場合です。

★パックの白をパステル調に変えたいんだけど

全体のバックを変えるのは


/* "body" Tag
-------------------------------------------------- */
body {
color: #333;
margin: 0;   ここ
padding: 0;  
background: #ffeef7 url(http://blog.tsukuba.ch/_img/phsimple_ex/bg.gif) repeat-y 50% 0;
font-size: 13px;
*font-size: small;
*font: x-small;
line-height: 1.5;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, "MS Pゴシック", sans-serif;
text-align: center;
}





★ブログのバックを変えるのは


/* コンテナ
================================================== */
#container {
margin: 0 auto;
width: 740px;
text-align: left;
background: #ffffdd; ←これ
}
  
タグ :シンプル極