こんばんは、名村剛一です。
今日、「いいね」をいただいた方のブログを拝見したら、「あ～、もったいない！」と思うことがありました。
ヘッダー画像が途中で切れて、プロフィール欄と重なるように表示されていたんです。
その方が、僕のブログを見て、直していただけるように、原因を書きますね。
僕のブログのヘッダーで再現してみました。
こんな感じです。
この原因は、ヘッダー画像の高さの指定が原因なんです。
他の方のブログのＣＳＳが、どう設定されているかは、Ｇｏｏｇｌｅ Ｃｈｒｏｍｅでしたら、「要素の検証」という機能で、誰でも見ることができます。
その方の場合、次のようにＣＳＳが設定されています。
.skinHeaderArea {
background-image: url(http://stat.blogskin.ameba.jp/xxxxxxxxxxxxxxxxxxxxxxxxxxx.png);
height: 300px;
}
background-image: url(http://stat.blogskin.ameba.jp/xxxxxxxxxxxxxxxxxxxxxxxxxxx.png);
height: 300px;
}
問題は、上記の３００という数字です。
この数字は、ヘッダー画像の高さ（縦の幅）は３００ｐｘ（ピクセル）です、という指定です。
でも、その方のブログのヘッダー画像の高さは、３００ｐｘ以上あるんです。
そのため、３００ｐｘのところで、ちょん切れてしまったんです。
この３００の数字を３１０ぐらいに書き直せば、正しく表示されると思います。
おそらく、アメブロのカスタマイズのマニュアル本に、３００ｐｘと書かれているのをそのまま真似たり、サンプルＣＳＳをそのままコピーしてしまったんでしょうね。
初心者の方には、ＣＳＳなんて、暗号にしか見えないでしょうから、しかたありませんね。
高さの調整が必要と書かれていても、どう直したら、調整できるのか、わからないのが普通だと思います。
自力でヘッダー画像を貼り付けようと思ったけど、変になったので、諦めた！
ということを、時々お聴きします。
でも、実は、あと一息だったということも多いものです。
やはり、パソコン初心者の方には、マニュアル本だけでは難しいことも多いですね。
「自分ひとりでは、もう限界！」と思われている方に、パーソナルサポートがお役に立てたら嬉しいです。