文章前小圖－不想長大的少女

感謝紫蘿琳分享

設定文章標題、左右欄位、更新日期、所有文章前之小圖

更改地方

文章標題前小圖語法

/*Article content module*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:170%;font-weight:bold;background:url(小圖網址) no-repeat;padding-left:39px;}

圖片寬高圖檔不宜太大【寬】→31公分【高】20公分以內。

＊h2是指文章標題

＊font-size 是文字大小 yahoo預設的是126% , 想加大或變小直接改數字即可 (%是相對大小)
　文字大小也能改成固定大小, 例如12px, 14px, 之類的

＊font-wight是字體粗細, 因為是文章標題, 所以我設的是粗體字 bold，如果你不想加粗,直接把那段語法刪掉即可

＊background是背景顏色或背景圖的設定指令，因為我們要在標題前面加小圖，所以要把小圖的圖檔連結設定在這邊，後面加 no-repeat 表示背景圖不重覆顯示

　＊padding-left:39px，指的是文字和左邊要隔多寬，數字的大小是依照圖片的寬度決定的，如果圖片寬是30px，你就要把39改成31或32，才不會文字標題去蓋到圖。

還沒圖檔直接複製使用 ( 文章標題 )

/*Article content module*/
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:170%;font-weight:bold;background:url(http://163.26.118.137/animation/small/21/01/18/Total2-0057.gif) no-repeat;padding-left:39px;}

更改地方

左右欄位、所有文章小圖語法

/*Nav module list*/
.ycntmod .mbd ul.list li {background:url(左右小圖網址) left .6em no-repeat;padding-left:21px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.9em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(更多回應小圖)16px center no-repeat;}

PS→( 左右設定有兩個地方，更多回應地方不想設定，刪除字體，剩下括號 )

↓

還沒圖檔直接複製使用 (左右欄、所有文章小圖)

/*Nav module list*/
.ycntmod .mbd ul.list li {background:url(http://itemimgs.naver.com/personacon/29/85/1098529.gif) left .6em no-repeat;padding-left:21px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.9em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://itemimgs.naver.com/personacon/11/32/1023211.gif)16px center no-repeat;}

更新日期前小圖語法

/*Module latest upup*/
#ymodupdate .mbd .date{background:url(更新日小圖網址) right left no-repeat;font-size:120%;font-family:Art;}

↓

還沒圖檔直接複製使用 ( 更新日期語法 )

/*Module latest upup*/
#ymodupdate .mbd .date{background:url(http://itemimgs.naver.com/personacon/8/79/1117908.gif) right left no-repeat;font-size:120%;font-family:Art;}

對於初學者，可能不太熟悉，部落設定。

建議初學者，另外開啟視窗，登入自己的部落格，

邊看、邊學習、邊操作，比較容易得心應手。