■（改）ヘッダー全体をリンクさせる方法

過日「ヘッダー全体をリンクさせる方法」という題で

記事を書きましたが、最近あらためて確認したところ

今夏よりアメブロのCSS（スタイルシート）の仕様が

大幅に変わっておりました。

気付きませんで大変失礼しました。

でわ、あらためて。



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

/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{
height:300px;
margin-bottom:30px;
background:url(http://….jpg);/*ヘッダー画像のURL*/
}/* ←ブログヘッダーに背景画像を敷きたいとき */

/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea{
padding:20px 0 30px;
}

/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
padding-bottom:4px;
text-indent:-9998px;
} /* 画面外にすっとばす指示 */

/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea{
text-indent:-9998px;
} /* 画面外にすっとばす指示 */

.skinTitleArea h1, #header h2 {
margin:0;
padding:0;
}

.skinTitleArea a {
display:block;
width:980px; /*ヘッダー画像の幅*/
height:300px; /*　〃　画像の高さ*/
}



青字のところが追加するところです。



背景とヘッダー画像を変えるだけなら

素人の方でもすごくやり易くなっていますね。

ただ、すごくメンテの多いところですから

アメブロメインでビジネス利用は少しリスキーですかね。

失礼しました。