【アメブロカスタマイズ】ヘッダー画像領域を横幅100%にする | Webクリエイターネタ

Webクリエイターネタ

いつのまにか、役に立つ情報を発信していこう!に変更したブログ

Webクリエイターネタ

ヘッダー画像を張りつけ、画像背景を黒にし、かつ横幅100%です。


■skinHeaderAreaとskinHeaderArea2を使い、ヘッダー画像は
skinHeaderArea2に張りつけます。

▼編集箇所
/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{
background-color:#000000;
width:100%;

}/* ←ブログヘッダーに背景画像を敷きたいとき */

▼CSS追記
.skinHeaderArea2{
background:url(http://stat.blogskin.ameba.jp/blogskin_images/20120425/00/d0/8a/j/o09800334musix-design1335280964881.jpg) no-repeat;
width:980px;
height:334px;
margin:0 auto;

}

ヘッダー画像としてはページ中央(margin:0 auto;)にします。