URLはこちらですね。
現在のスタイルシートでbody を次のように設定されていますね。
body {
margin: 0px 0px 20px 0px;
border: 0;
padding: 0;
background-color: #6699CC;
}
「background-color: #6699CC;」の部分に「url(▲▲▲.jpg)」というように
グラデーションのかかった背景画像の指定を追加します。
例えば…
http://design.cocolog-nifty.com/document/d_110.htm
@nifty:ブログ:ココログデザイン:ディープ
↑では http://template.cocolog-nifty.com/000110/two_column_right/compon... の画像が
background: url(bg_body.jpg) no-repeat top center;
のように指定されていますし、
http://design.cocolog-nifty.com/document/d_163.htm
@nifty:ブログ:ココログデザイン:向日葵
↑では http://template.cocolog-nifty.com/000163/two_column_left/compone... の画像が
background:#3D7DD7 url(body-bg.jpg) top center fixed;
のように指定されています。
実験として http://mitio.cocolog-nifty.com/kokoro/ のスタイルシートの body を
次のように設定してプレビューされればどういう風に適用されるものなのか納得いただけるでしょう。
body {
margin: 0px 0px 20px 0px;
border: 0;
padding: 0;
background:#3D7DD7 url(http://template.cocolog-nifty.com/000163/two_column_left/compone...) top center fixed;
}
実際にはお使いになりたい画像を作成するか、素材サイトからグラデーション背景画像を戴いてきて、
ブログ用画像としてアップロードしてから設定する形になります。
コメント(0件)