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

2008050113:06
   蒐集:部落語法   2007/05/05 15:21
 
文章標題、左右欄位、更新日期、所有文章前設定小圖

 更改地方

  文章標題前語法語法  

_/*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公分以內。

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

_/*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;}


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

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

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

首先,按管理部落格↓

【一】面板設定

【二】選擇自訂樣式

【三】將複製的語法貼在CSS欄位裡

PS→切記!語法的每一個開頭↓

/*    我  是  豆  芽  菜    */

不能重複,重複貼上只會顯現一個語法效果。

貼上語法,再來修改語法裡的 (   網址  ) ,

選擇自己喜歡的樣式,至於圖檔網址在哪?

 網址圖示

這就是每張圖檔的網址,寬高尺寸,

選擇圖檔不僅要選擇自己喜歡的,也要注意圖檔尺寸。

但這點也沒關係的,不用緊張,太大的圖檔,

語法自然修其所能顯現範圍。

所以選擇圖檔,不想破壞原有的美觀,還是要選擇適合的。


同樣的隋文附上幾個適合的圖檔參考↓

               

 

        

             

                   

               

                             

圖檔網址有的會又臭又長的,建議你跟琳一樣,

想永久使用或喜歡的不得了,

那就要記得把它上傳到自己的網路空間,

縮短網址內容,取得網址,免得圖檔消失唷。

以上就是 ( 文章標題、左右欄位、更新日期、所有文章前設定小圖語法 )

 琳的 logo 連結  
 
平安喜悅