アメブロのＣＳＳ編集・ヘッダー教えて！

質問

アメブロのＣＳＳが上手くできません。

作成済みの、ヘッダー画像を載せたいと思っています。
オンランで調べながらやっても、なぜかつまづきます。
超初心者です。分かり易く教えて下さる方、どうぞよろしくお願いします！

アメブロにて、ＣＳＳ編集用デザインにしました。

現在使用中のブログデザインCSSを少し載せてみました。

だいたいこの辺りに
アップロードされた画像のパス
http://stat.blogskin.ameba.jp/blogskin_images/20130828/16/14/fe/j/o09800300amebawakana1377674800007.jpg
を挿入するのかと思って何度かやってみたのですが、いっこうに画面は変わりません。

/* (3-2) ブログヘッダー
--------------------------------------------*/

/* skinHeaderArea ブログヘッダー980pxエリア */

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

/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */

.skinBlogHeadingGroupArea{
padding:20px 0 30px;
}

/* skinTitleArea ブログタイトルのエリア */

どうぞよろしくお願いします！

回答No.1

kobliha · ベストアンサー

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

ここでいいのだが、CSS には CSS なりに「決まり」があって、決まりから外れていると、表示されないということ。
つまり、URL だけを記述してもダメ。中学生の初心者に多い。
.skinHeaderArea{
background-image: url(画像 URL); /* 画像 URL */
background-repeat: no-repeat; /* 画像を繰り返すか繰り返さないか */
height: ***px; /* 画像の高さ */
}/* ←ブログヘッダーに背景画像を敷きたいとき */

ameblo では画像を埋め込むのではなく、ブログタイトルを含むヘッダーに対する背景画像という扱い。
同じ質問はよくある。

「決まり」ということはたとえ小さくても、ドットやコンマとか大カッコの記号とかコロン・セミコロンもそれぞれ大きな意味がある。
これらが決まり通りでない時、ブログが壊れた表示になることもある。
それで、上記 CSS も「CSS 末尾に」追加という方が『無難』。

背景画像という事はブログタイトルやブログ説明を表示しないことにはならない。
オフィシャルブログのように、画像をクリックしてトップページに戻るようにするか、単純にただ消すだけかによって CSS も異なる。

お礼

素早いご回答、どうもありがとうございます！

なんせ全くの素人ですので、時間はかかると思いますが・・・

参考にさせていただき、頑張ってみます！