標題圖語法－lightchose的部落格

標題語法 參考多位達人部落格的語法修改

參考：

《甜蜜♥Lover》千金公主寶貝窩

http://tw.myblog.yahoo.com/jw!844BCHmZBxjs7onFX0_pm7Bp/article?mid=1441

強烈推薦↑千金公主將CSS語法大整理讓314一目瞭然少很多測試過程感恩 ^^

小正正

http://tw.myblog.yahoo.com/class2u-com/profile

黛比粉藍部落格

http://tw.myblog.yahoo.com/debbietwy-rainieclub/article?mid=15197&prev=-1&next=15187

強烈建議修改前請先備份自己的CSS語法

標題圖語法 314 修改後的語法呈現

/*Blog title標題欄位圖片字型顏色*/

#yblogtitle .mbd{text-align:center}

#yblogtitle .mbd .thd{background-image:url(http://標題圖網址.gif);background-repeat:no-repeat;background-position:0% 100%

;width:323px;height:293px;font-family:華康少女文字W3;font-size:16px;text-align:center}

#yblogtitle h1{color:#FFFFFF;font-weight:bold; }

#yblogtitle .mbd .tbd{display:none}

#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,

#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}

　

語法說明：

進入管理部落格-面板設定-自訂樣式-CSS 語法中修改

強烈建議修改前請先備份自己的CSS語法

CSS中有關標題的設定都要先刪除才能顯示效果

CSS中有相關 #yblogtitle 都是屬於標題語法

列如：

/*Background image for blog title部洛格標題文字橫框*/
#yblogtitle .mbd {background-image: url(http://圖檔網址.jpg); background-repeat:repeat-x；;TEXT-ALIGN: center;}

/*Blog title部落格名-顏色設定*/
#yblogtitle .mbd,#yblogtitle .mft{background-color:#ff0000; color:#0000FF;font-family:華康少女文字W3;font-size:130%;TEXT-ALIGN: center;}
#yblogtitle h1{color:#0000FF;font-family:華康少女文字W3;font-size:130%}

延伸說明(引用《甜蜜♥Lover》所做的整理表格：

參考下列表格可以依照自己需求編寫CSS語法

＊主標題欄位語法說明：

*/主題/*	內容標題	{常用修改樣式}
*/Blog title主標題欄位/*	#yblogtitle .mbd (整個主標題欄)	background-color:#FFFFFF(背景顏色) background-image:url(http://圖檔網址.gif)(背景圖檔) background-repeat:no-repeat(單一背景不重複) background-position:0% 0%(單一背景在x與y軸的位置) border:3px double #FFFFFF(背景加雙框線) text-align:center(文字位置) zoom:1;filter:alpha(opacity:0)(背景透明度)
	#yblogtitle .mbd .thd (主標題文字)	background-color:#FFFFFF(背景顏色) background-image:url(http://圖檔網址.gif)(背景圖檔) background-repeat:no-repeat(單一背景不重複) background-position:0% 0%(單一背景在x與y軸的位置) border:3px double #FFFFFF(背景加雙框線) font-family:新細明體(文字字型) font-size:9px(文字尺寸) text-align:center(文字位置) width:60px; height:60px(欄位尺寸)
	#yblogtitle h1 (主標題文字超連結)	display:block; float:left(以圖檔為超連結) background-color:#FFFFFF(背景顏色) background-image:url(http://圖檔網址.gif)(背景圖檔) background-repeat:no-repeat(單一背景不重複) background-position:0% 0%(單一背景在x與y軸的位置) color:#FFFFFF(字體顏色) font-weight:bold(文字粗體) text-align:center(文字位置) width:60px; height:60px(欄位尺寸)
	#yblogtitle .mbd .tbd (描述文字)	display:none(不顯示) background-color:#FFFFFF(背景顏色) background-image:url(http://圖檔網址.gif)(背景圖檔) background-repeat:no-repeat(單一背景不重複) background-position:0% 0%(單一背景在x與y軸的位置) border:3px double #FFFFFF(背景加雙框線) color:#FFFFFF(字體顏色) font-family:新細明體(文字字型)
	#yblogtitle .rctop, #yblogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div (整欄及框線)	zoom:1;filter:alpha(opacity:0)(背景透明度)