testのブログ

メインカラムの背景色

Sun, 14 Nov 2010 23:55:59 +0900

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

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

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

/*■メインカラム*/

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

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

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

背景色の非表示

Sun, 14 Nov 2010 22:51:06 +0900

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

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

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

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

という部分を

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

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

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

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

背景の設定

Sun, 14 Nov 2010 21:20:02 +0900

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

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

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

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

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

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

という部分の少し下

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

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

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

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

ヘッダー画像の設定

Sun, 14 Nov 2010 19:48:37 +0900

まず、必要な画像を準備します。って当たり前ですが(笑)

ヘッダー画像のたこ焼きマン、一応ココに貼っときますね。
もしまだ持って行ってなければ下の画像からどうぞ。

まず、分かりやすいようにスキンを <【カスタム可能】ベーシック> に選択してください。

1.ブログを書く→2.デザインの変更→3.カスタム可能→【カスタム可能】ベーシック　の順で選択。
レイアウトはできれば、3カラム・左右メニューを選んでください。

次に、デザインの変更の[適応中のデザイン]の所の、カスタマイズをクリック。

(画像はmacの画面なのでWinご使用の場合は多少違いがあるかもしれません)

そこで、ヘッダの部分の下部[画像の追加]ボタンをクリックで画像をアップロードしてください。

プレビューしてみてちゃんと表示されていれば、保存をクリック、でヘッダーの設定は完了です。

テスト

Sun, 07 Nov 2010 13:24:14 +0900

○表示確認用テスト記事