アーカイブスの左にアイコン画像を設置

★　アーカイブスの左にアイコン画像を設置


◆　アーカイブスの左にアイコン画像


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

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

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

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