サイドバーに背景画像を設定

★　サイドバーに背景画像を設定する

◆　サイドバーの縦を途中で切れない方法です
　　但し、記事の縦が短い場合は、記事全体のしたにも
　　サイドバーの背景が表示されます。



①　まず、最初に全体を透明にします

/* ------------------------------------------------------- */
/* コンテンツ全体（スキン除く）の透明背景色の設定（透明）　*/
/* ------------------------------------------------------- */
.skinContentsArea{
background-color:transparent;/* 透明 */
}
/* ------------------------------------------------------- */
/* ヘッダー（スキン）の背景色の設定（透明）　　　　　　　　*/
/* ------------------------------------------------------- */
.skinHeaderArea{
background-color:transparent;/* 透明 */
}
/* ------------------------------------------------------- */
/* 記事全体・記事・メッセージボードの背景色の設定（透明）　*/
/* ------------------------------------------------------- */
.skinMainArea{/* 記事全体 */
background-color:transparent;/* 透明 */
}
.skinArticle{/* 記事 */
background-color:transparent;/* 透明 */
border:none;/* 枠を消します */
}
.skinMessageBoard{/* メッセージボード */
background-color:transparent;/* 透明 */
border:none;/* 枠を消します */
}
.commentArea{
background-color:transparent;/* 透明 */
border:none;/* 枠を消します */
}
/* ------------------------------------------------------- */
/* サイドバーの背景色の設定（透明）　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinMenuBody,.skinMenuHeader,.skinMenu {
background-color:transparent;/* 透明 */
}

②　コンテンツ全体にザイドバーの背景画像を設定します。

/* ------------------------------------------------------- */
/* コンテンツ全体に背景画像を設定　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinContentsArea{
background-image:url(画像のＵＲＬ);
background-repeat:repeat;
}

③　記事全体に背景色を指定します

/* ------------------------------------------------------- */
/* 記事全体に背景色を設定　　　　　　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinMainArea{/* 記事全体 */
background-color:#ffffff;/* 背景色 */
}

★　必要に応じて、ヘッダーなどに色を指定してください

例

/* ------------------------------------------------------- */
/* ヘッダー（スキン）の背景色の設定　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinHeaderArea{
background-color:#ffffff;/* 背景色 */
}