Girlie #1 - Black

【素材使用時の諸注意】をお読みになり、ご理解いただいた上でのご利用をお願いします。


＜画像を右クリック→名前を付けて画像を保存＞
●一番下の背景

●サイドバー180pxヘッダー

●サイドバー180pxボディ

●サイドバー180pxフッター

●サイドバー300pxヘッダー

●サイドバー300pxボディ

●サイドバー300pxフッター


＜画像クリック→新しい窓で表示された後の画像を右クリック→名前を付けて画像を保存＞
●下地の背景

●タイトル用背景


≪ソース≫

● (3-1) ボディ（全体） ● 内
/* skinBody ボディ */
.skinBody{
background-color:transparent;
background-image:url(下地の背景画像URL);
background-position:center top;
background-repeat:repeat-y;
background-attachment:fixed;
}/* ←ブログ全体に背景を敷きたいとき */

● (3-2) ブログヘッダー ● 内
/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{
height:180px;
margin-bottom:18px;
background-image:url(タイトル用背景画像URL);
background-repeat:no-repeat;
background-position:center top;
}/* ↑ブログヘッダーに背景画像を敷きたいとき */

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

● (3-8) サイドバー　メニュー ● 内
/* skinMenu サイドバー　メニューのエリア */
.skinMenu{
/* 注　ベースのcssに margin-bottom の記述有り */
padding-bottom:23px; /* フッタ部高さ */
background-color:transparent;
background-repeat:no-repeat;
background-position:center bottom;
}
.skinMenu2{}

/* skinMenuHeader サイドメニュータイトルエリア */
.skinMenuHeader{
line-height:70px; /* タイトル高さ */
color:#000000; /* タイトル文字色 */
background-color:transparent;
background-repeat:no-repeat;
text-align:center;
font-weight:bold;
}

/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody{
margin:0;
padding:0 20px;
background-color:transparent;
background-repeat:repeat-y;
}

● (4) その他、拡張 ● 内
body{
background-color:#000000;
background-image:url(一番下の背景画像URL);
}

/* サイドバー背景画像 */
.skinSubA .skinMenuHeader{
background-image:url(300ピクセルタイトル画像URL);
}
.skinSubA .skinMenuBody{
background-image:url(300ピクセルボディ部画像URL);
}
.skinSubA .skinMenu{
background-image:url(300ピクセルフッタ部画像URL);
}
.skinSubB .skinMenuHeader{
background-image:url(180ピクセルタイトル画像URL);
}
.skinSubB .skinMenuBody{
background-image:url(180ピクセルボディ部画像URL);
}
.skinSubB .skinMenu{
background-image:url(180ピクセルフッタ部画像URL);
}

【参考ブログ】
アメブロカスタマイズで人が集まるブログ作り