横幅180px用の上・中・下画像
横幅300px用の上・中・下画像
↑お持ち帰り自由
画像は横幅だけ注意すれば縦はＣＳＳで何とかなります（縦に長めに作るのがコツ）
/*メニューブロック背景枠を消す*/
.skinMenu,.skinMenuHeader,.skinMenuBody{
background-color:transparent;
}
/*サイドバー300px*/
.skinSubA .skinMenuHeader{/*300px上画像*/
padding:35px 0 0;/*上からＡ*/
background-image:url(上画像のＵＲＬ);
background-repeat:no-repeat;
background-position:top;
color: #333333;/*タイトル文字色*/
font-weight: bold;/*太字*/
text-align:center;/*中央寄せ*/
}
.skinSubA .skinMenuBody{/*300px中画像*/
margin:0;
padding:10px 20px;/*上下Ｂ 左右Ｃ*/
background-image:url(中画像のＵＲＬ);
}
.skinSubA .skinMenu{/*300px下画像*/
padding-bottom: 20px;/*下画像の高さＤ*/
margin-bottom: 20px;/*スキマＥ*/
background-image:url(下画像のＵＲＬ);
background-repeat:no-repeat;
background-position:bottom;
}
/*サイドバー180px*/
.skinSubB .skinMenuHeader{/*180px上画像*/
padding:35px 0 0;/*上からＡ*/
background-image:url(上画像のＵＲＬ);
background-repeat:no-repeat;
background-position:top;
color: #333333;/*タイトル文字色*/
font-weight: bold;/*太字*/
text-align:center;/*中央寄せ*/
}
.skinSubB .skinMenuBody{/*180px中画像*/
margin: 0;
padding:10px 20px;/*上下Ｂ 左右Ｃ*/
background-image:url(中画像のＵＲＬ);
}
.skinSubB .skinMenu{/*180px下画像*/
padding-bottom: 20px;/*下画像の高さＤ*/
margin-bottom: 20px;/*スキマＥ*/
background-image:url(下画像のＵＲＬ);
background-repeat:no-repeat;
background-position:bottom;
}
もっとまとまるんですが・・・
もしかしたらこのブログのように左右でまったく別の画像を使うかもなので・・
念のためひとつひとつ設定しておきます・・・
