close
文章分類的分類目錄圖示不合心意,現在可以隨心更改自個兒喜愛的樣式囉!

效果如下:

更改前

20080226-1


==================================================

更改後

20080226-2


【CSS語法】
#category .box-text h6 img{display:none;}
#category .box-text h6 {
background-image:url(圖片);
background-repeat:no-repeat;
background-position:left center;
padding-left:*px;
}


【語法說明】
#category .box-text h6 img{display:none;} →代表將原先的圖示隱藏。
#category .box-text h6 {
background-image:url(圖片); →欲放置的圖片
background-repeat:no-repeat; →圖片不重複
background-position:left center; →圖片水平置中,垂直置左。亦可以更改位置,如「center」(置中)、「right(靠右)」;也可以用*px設距離。
padding-left:*px; →代表與文章分類敘述的距離,「*」填入數字。
}


 貼在編輯CSS內即可。
 語法複製    * 文章分類目錄改小圖示 *    


arrow
arrow
    全站熱搜

    miaupau 發表在 痞客邦 留言(1) 人氣()