最近のコメントの左にアイコン画像を設置

★　最近のコメントの左にアイコン画像を設置



◆　ロールオーバーさせたくない場合は、画像のＵＲＬを同じにすればＯＫです



◆　使用画像例（横16px 縦16px）







◆　最近のコメントの左にアイコン画像


①　画像にカーソルを乗せた時にリンクする

/* ------------------------------------------------------- */
/* 最近のコメントの左にアイコン画像　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.recentCommentMenu .skinSubList a{
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;/* 左に余白 */
}
/* ------------------------------------------------------- */
/* 最近のコメントの左にアイコン画像（ロールオーバー）　　　*/
/* ------------------------------------------------------- */
.recentCommentMenu .skinSubList a:hover{
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;/* 左に余白 */
}

②　画像にカーソルを乗せた時にリンクしない

/* ------------------------------------------------------- */
/* 最近のコメントの左にアイコン画像　　　　　　　　　　　　*/
/* ------------------------------------------------------- */
.recentCommentMenu .skinSubList li{
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;/* 左に余白 */
}
/* ------------------------------------------------------- */
/* 最近のコメントの左にアイコン画像（ロールオーバー）　　　*/
/* ------------------------------------------------------- */
.recentCommentMenu .skinSubList li:hover{
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;/* 左に余白 */
}