增添小圖語法－LottMarisa的部落格

★文章分類前加小圖案
#boxCategory a img{display:none ;}
#boxCategory a {
background:url('圖案網址') no-repeat left top ;
padding-left:20px ; }

★相簿前加小圖示

b font a{display:block ;background:url(圖片網址) no-repeat left top
;padding-left:20px ; }

★文章標題加小圖示

貼在網誌css最下面按存檔

.articletext .title { background: url(圖片網址) left no-repeat; padding-left:20px; }

★連結前加小圖示
sidetitle {
BACKGROUND-POSITION: left top; PADDING-LEFT: 25px; FONT-WEIGHT: bold; FONT-SIZE:
x-small;
BACKGROUND-IMAGE: url(圖片網址); COLOR: #ff6666; PADDING-TOP: 5px;
BACKGROUND-REPEAT: no-repeat; FONT-STYLE: normal; HEIGHT: 25px;
BACKGROUND-COLOR: transparent
}

★連結(相簿、留言、...)前加小圖示
#linkMypage, #linkAlbum, #linkBlog, #linkGbook, #linkUser, #linkFriend {
background: url(圖片網址) left no-repeat; padding-left:20px; }

★移到連結會出現一個小圖示
a:hover{background:url(圖片.網址) no-repeat fixed left top;}

★資料夾移到連結旁邊出現小圖示
#links a:hover{
color:色碼;background:url(圖片.網址) fixed no-repeat left center;
padding-left:9px;}

★帳號前面加小圖示　

#boxMySpace .boxMySpace0 {Height:30px; background: url(圖片.網址) 0% 110%
no-repeat;}
.boxMySpace0 .sidetitle{MARGIN:0px 0px 0px 13px}

★文章回應，帳號旁邊的小圖

postuser {PADDING-RIGHT: 30px; BACKGROUND: url(小圖網址) no-repeat right 10%}

★連結(首頁、相簿、...)前的小圖不一樣　
首頁：#linkMypage { background: url(圖片.網址) left no-repeat; padding-left:20px; }
相簿：#linkAlbum { background: url(圖片網址) left no-repeat; padding-left:20px; }
網誌：#linkBlog { background: url(圖片.網址) left no-repeat; padding-left:20px; }
留言：#linkGbook { background: url(圖片網址) left no-repeat; padding-left:20px; }
好友：#linkFriend { background: url(圖片網址) left no-repeat; padding-left:20px; }
名片：#linkUser { background: url(圖片網址) left no-repeat; padding-left:20px; }

★【網誌】會員回應帳號後面的icon
.postuser {PADDING-RIGHT: 20px; BACKGROUND: url(圖片.jpg) no-repeat right
**%;MARGIN-RIGHT: -**px;}

★在每個標題前加上都不一樣的可愛小圖片

貼在你要發表文章的標題前或後