|
 中間文章前小圖設定
更改好的預覽圖↑
如何更改---中間文章前小圖字體色語法如下↓
/*Article content module中間文章前小圖字體色*/
.yblogcnt .blgtitlebar {margin-bottom:10px;}
.yblogcnt .blgtitlebar h2 a {color:#720898;padding-right:5px;}
.yblogcnt .blgtitlebar h2 {font-size:150%;font-weight:bold;background:url(http://i295.photobucket.com/albums/mm143/carolinetop/ine18.gif ) no-repeat;padding-left:36px;height:20px;padding-top:12px;}
語法註解↓
/*Article content module中間文章前小圖字體色*/
.yblogcnt .blgtitlebar {margin-bottom:10px;}
.yblogcnt .blgtitlebar h2 a {color:#720898;padding-right:5px;}
.yblogcnt .blgtitlebar h2 {font-size:150%;font-weight:bold;background:url(網址) no-repeat;padding-left:36px;height:20px;padding-top:12px;}
color:#720898 = 字體的顏色
background:url = (圖檔的網址)
padding-right:5px = 邊緣底部距離
font-size:150% = 字體的大小，%比越高字體越大
height:36px = 圖檔的高度
padding-top:12px = 字體的高度
中間文章標題小圖的更改，可尋找自己喜歡的樣式，琳 就先貼幾個讓你做參考
       
        
        
        
左右欄所有標提前小圖
奇摩預設樣式---更改好預覽圖↑
左右文章標題前小圖括號色設定
語法註解 ↓
/*Nav module list左右文章前小圖括號色*/
.ycntmod .mbd ul.list li {background:url(網址) no-repeat;padding-left:20px;padding-top:5px;color:#B5A592;center;}
background:url = 圖檔網址
no-repeat = 圖檔不重複
left:20px = 圖檔的寬度
padding-top:5px = 字體的高度
color:#B5A592 = 括號顏色
更多回應小圖設定
語法註解 ↓
/*Nav module more更多回應小圖*/
.ycntmod .mbd ul.list li.more {background:url(網址) 30px center no-repeat;}
background:url = 圖檔網址
30px = 字體與圖檔中間空白距離
no-repeat = 圖檔不重複
更新日小圖設定
語法註解 ↓
/*Module latest up更新日小圖*/
#ymodupdate .mbd .date{background:url(網址) left center no-repeat;padding-left:20px;font-size:100%;font-family:verdana;center;}
background:url = 圖檔網址
padding-left = 圖檔與字體的距離
font-size:100% = 圖檔全顯示
置放更改小圖時，要考慮字體，圖檔勿太大，不然是會造成不好看的畫面。
置放路線 ↓ 複製語法→管理部落格→面板設定→自定樣式→貼上語法→按確定即完成 語法有相同的必須刪除 以上就是----中間文章標題、左右欄所有標題前小圖設定 語法必須不斷的練習與觀看，才能熟悉 ^.^
|
|
引用：http://tw.myblog.yahoo.com/jw!YFl.6UmaHk9bFp1B_BIetSfj/article?mid=19495
留言列表
留言列表
