サイドバーのメニュータイトルに画像

★　サイドバーのメニュータイトルに画像


◆　サイドバーのメニュータイトルすべてに画像を入れる


　①　ワンポイント画像を左に

/* ------------------------------------------------------- */
/* サイドバーのメニュータイトルにワンポイント画像　　　　　*/
/* ------------------------------------------------------- */
.skinMenuHeader{
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;/* 繰り返ししない */
background-position:left center;/* 配置位置 */
line-height:30px;/* 高さ */
padding-left:35px;/* 左余白 */
}

②　連続画像の場合

/* ------------------------------------------------------- */
/* サイドバーのメニュータイトルに画像　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinMenuHeader{
background-image:url(画像のＵＲＬ);
background-repeat:repeat;/* 繰り返しする */
background-position:left center;/* 配置位置 */
line-height:15px;/* 高さ */
padding-left:35px;/* 左余白 */
}

③　ワンポイント画像を左に（ＰＲ部分）

/* ------------------------------------------------------- */
/* サイドバーのメニュータイトルにワンポイント画像（ＰＲ）　*/
/* ------------------------------------------------------- */
.subAdBannerHeader{
background-image:url(画像のＵＲＬ);;
background-repeat:no-repeat;/* 繰り返ししない */
background-position:left center;/* 配置位置 */
line-height:40px;;/* 高さ */
padding-left:35px;/* 左余白 */
}

④　連続画像の場合（ＰＲ部分）

/* ------------------------------------------------------- */
/* サイドバーのメニュータイトルにト画像（ＰＲ）　　　　　　*/
/* ------------------------------------------------------- */
.subAdBannerHeader{
background-image:url(画像のＵＲＬ);
background-repeat:repeat;/* 繰り返しする */
background-position:left center;/* 配置位置 */
line-height:40px;;/* 高さ */
padding-left:35px;/* 左余白 */
}

●　例


　◆　使用する画像



　①　ワンポイント画像を左に

/* ------------------------------------------------------- */
/* サイドバーのメニュータイトルにワンポイント画像　　　　　*/
/* ------------------------------------------------------- */
.skinMenuHeader{
background-image:url(http://stat001.ameba.jp/user_images/20110731/03/new-blue-777/72/fc/g/o0030002611384582146.gif);
background-repeat:no-repeat;/* 繰り返ししない */
background-position:left center;/* 配置位置 */
line-height:30px;/* 高さ */
padding-left:35px;/* 左余白 */
}

②　連続画像の場合

/* ------------------------------------------------------- */
/* サイドバーのメニュータイトル画像　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.skinMenuHeader{
background-image:url(http://stat001.ameba.jp/user_images/20110731/03/new-blue-777/72/fc/g/o0030002611384582146.gif);
background-repeat:repeat;/* 繰り返しする */
background-position:left center;/* 配置位置 */
line-height:15px;/* 高さ */
padding-left:35px;/* 左余白 */
}

③　ワンポイント画像を左に（ＰＲ部分）

/* ------------------------------------------------------- */
/* サイドバーのメニュータイトルにワンポイント画像（ＰＲ）　*/
/* ------------------------------------------------------- */
.subAdBannerHeader{
background-image:url(http://stat001.ameba.jp/user_images/20110731/03/new-blue-777/72/fc/g/o0030002611384582146.gif);
background-repeat:no-repeat;/* 繰り返ししない */
background-position:left center;/* 配置位置 */
line-height:40px;;/* 高さ */
padding-left:35px;/* 左余白 */
}

④　連続画像の場合（ＰＲ部分）

/* ------------------------------------------------------- */
/* サイドバーのメニュータイトルにワンポイント画像（ＰＲ）　*/
/* ------------------------------------------------------- */
.subAdBannerHeader{
background-image:url(http://stat001.ameba.jp/user_images/20110731/03/new-blue-777/72/fc/g/o0030002611384582146.gif);
background-repeat:repeat;/* 繰り返しする */
background-position:left center;/* 配置位置 */
line-height:40px;;/* 高さ */
padding-left:35px;/* 左余白 */
}