アメーバブログのカスタマイズ

質問

アメーバブログのデザインを簡単スキンカスタマイズで作っていてよく分からなくなったので質問させていただきます。

タイトルと画像が入っている上の部分を背景と同じ緑にしたいのですが、記事の部分で設定した（記事の背景色＝水色）になってしまいます。

分かりやすく言うと添付画像の下のような状態にしたいのですが、
上のような状態（水色が溢れてる）になっています。

これの直し方後存知の方いませんか；？

回答No.1

kiyoto-777 · ベストアンサー

お望み通りの状態になるか分かりませんが、回答させていただきます。
下記のようにＣＳＳ部分を追加してください
-----------------------------------------------------
1.コンテンツ全体にheight:0px;を入れる(最上部の水色が消えます）
/*■コンテンツ全体*/
#frame{
height:0px;
}

2.サイドカラムのバックグラウンドをgreenに調整（念のため）
/*■サイドカラムA*/
#sub_a{
background-color:green;
}
/*■サイドカラムB*/
#sub_b{
background-color:green
}

3.ヘッダータイトル部のバックグライウンド色をgreenに調整
#header{
background-color:green; /* ★ヘッダータイトル部の色　 */
}

4.投稿記事部分のバックグラウンドを水色に
.entry .contents, /* 投稿記事部分　*/
#message .contents{
background-color:lightblue;
}
5.各記事枠
/* ---------- entry : 各記事枠 ---------------- */
.entry{
background-color:lightblue;
}

広告部分などの記事の下の部分は、同じようにバックグラウンドを
水色に調整する必要がありますが、省略させていただきます。
また、完全に記事部分を水色に調整するのは、
高さ、横幅などの調整が必要です。

下記にＣＳＳの編集で単純に後ろに追加すればテストできる
テキストを用意しました。
コピーして貼り付けみてください

#frame{
height:0px;
}
#sub_a{
background-color:green;
}
#sub_b{
background-color:green
}
#header{
background-color:green;
}
.entry .contents,
#message .contents{
background-color:lightblue;
}
.entry{
background-color:lightblue;
}

補足

ご親切にありがとうございました！
すぐに試してみます！