■富山 フォトグラファー yslab 様（ブログカスタマイズ）

富山のフォトグラファー（カメラマン）yslab 様

アメブロのデザインカスタマイズしますた。



作品写真が映えるようにダークグレーを背景とし

シンポー仕上げというご要望にあわせました。



画像支給をしていただき細かいこと言われなければ

大体1日あれば仕上がります。

このヘッダー画像も凝っていませんのでw

自分のチーターの奴の方が2倍大変というw



いつもは各メニュータイトルの背景画像も

すべてつくりますからもう少しかかります。

また、今回は久しぶりのカスタマイズで

アメブロの仕様が結構変わっていたので

ちょっと多めにかかりました。

（と恩を着せといて・・・）



たまにも仕事のこと書かないと

ボヤいてばかりだからさ。

以上です。

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

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

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

今夏よりアメブロの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; /*　〃　画像の高さ*/
}



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



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

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

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

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

失礼しました。