testのブログ
Amebaでブログを始めよう!

メインカラムの背景色


[現在使用中のブログデザインCSS]でさっきと同じ

/*■■■デザインカスタマイズ - ブログデザイン基本設定*/

という部分で、今度は5項目め、さっきのひとつ下

/*■メインカラム*/

という項目があると思うんですが、そこの初期設定がどうなっていたか忘れてしまいました…
ですが、そこを、

/*■メインカラム*/
#main{
background-color:#ffffff;
}

と書き換えれば背景が表示されるはずです。
まるごと↑の4行コピペしてください。

背景色の非表示


まず、[デザインの変更]から[CSSの編集]の[現在使用中のブログデザインCSS]へ
CSSの中を下にスクロールして行くと

/*■■■デザインカスタマイズ - ブログデザイン基本設定*/

という部分があるので(結構序盤に出てくるはずです)そこの、
4項目め

/*■コンテンツ全体*/
#frame{
background-color:#ffffff;
}

という部分を

/*■コンテンツ全体*/
#frame{
/*background-color:#ffffff;*/
}

にしてください。↑をコピペでいいと思います。
background-color:#ffffff;の前に /* を、後ろに */ を付けるだけなんですけどね。(^~^)

それで全体の背景色が消えるはずです。
プレビューで確認して問題なければ、保存で背景色の非表示は完了です。

もしかしたら、#ffffffが#FFFFFFか、
もしくは#の後に全然違う数字や英字が並んでるかもしれませんが
そこはもし違ってもムシしてコピペで大丈夫です。

背景の設定

続いて背景画像の設定です。

[デザインの変更]の[適応中のデザイン]から今度は[CSSの編集]をクリック。

[ブログデザインヘッダ・背景用画像の追加]から背景用の画像をアップロード。
testのブログ-04








アップロードされた画像の下に表示された、URLをコピー。
testのブログ-05


その下に、[現在使用中のブログデザインCSS]があるので、その中の

/*============ ☆ かんたんCSS編集はこちら ☆ ==============*/

という部分の少し下

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

という所があります。
その()の中にさっきコピーした、URLをペーストしてください。

/*5)ページ背景に画像を入れる*/
body{
background-image:url(ココにペースト);
}

プレビューしてみて問題なければ、保存で背景の設定はひとまず完了です。