Yahoo!奇摩部落格→【文章分類前加小圖片】的語法設定－ching760720的部落格

這是我的

/*中間欄位文章標題前小圖片與文字字體大小變更設定Article content module*/
.yblogcnt .blgtitlebar {margin-bottom:1px;zoom:1;text-align:center;}
.yblogcnt .blgtitlebar h2 {width:550px;height:140px;background:url(http://i8.tinypic.com/259xxl4.gif) left .9em no-repeat;padding-left:100px;margin-bottom:20px;_margin-bottom:20px;_line-height:9em;}

特別注意事項：

特別注意事項：
選擇圖片時，必須選擇小檔案的圖片檔

★【閃字圖片區】閃字(二)★
http://home.educities.edu.tw/nkhs9323005/star02.htm

★【gif插圖區】YY6★
http://home.educities.edu.tw/nkhs9323005/YY6.htm

★Yahoo!奇摩部落格→【文章分類前加小圖片】的語法設定★
http://tw.myblog.yahoo.com/nkhs9323005/article?mid=8004

也可以在特定欄框加入;TEXT-ALIGN: center; 讓文字置中

在各段語法後加入;TEXT-ALIGN: center; 說明：

用 css 設定文字設定:

TEXT-ALIGN←文字對齊設定

EXT-ALIGN: center ←文字置中對齊

EXT-ALIGN:center left ←文字靠左對齊

EXT-ALIGN:right←文字靠右對齊

延伸資訊：

CSS串聯樣式表教學『文字屬性一覽』

color : #999999; /*文字色彩*/
font-family : 細明體,sans-serif; /*文字字型*/
font-size : 9pt; /*文字大小*/
font-style:italic; /*文字斜體*/
font-variant:small-caps; /*小字體*/
letter-spacing : 1pt; /*字間距離*/
line-height : 200%; /*設定行高*/
font-weight:bold; /*文字粗體*/
vertical-align:sub; /*下標字*/
vertical-align:super; /*上標字*/
text-decoration:line-through; /*加刪除線*/
text-decoration:overline; /*加頂線*/
text-decoration:underline; /*加底線*/
text-decoration:none; /*刪除連結底線*/
text-transform : capitalize; /*首字大寫*/
text-transform : uppercase; /*英文大寫*/
text-transform : lowercase; /*英文小寫*/
text-align:right; /*文字靠右對齊*/
text-align:left; /*文字靠左對齊*/
text-align:center; /*文字置中對齊*/
text-align:justify; /*文字分散對齊*/
word-spacing : 5px; /*半形空格的間距*/ New
vertical-align屬性
vertical-align:top; /*垂直向上對齊*/
vertical-align:bottom; /*垂直向下對齊*/
vertical-align:middle; /*垂直置中對齊*/
vertical-align:text-top; /*文字垂直向上對齊*/
vertical-align:text-bottom; /*文字垂直向下對齊*/

＊主標題欄位

語法說明：

*/主題/*	內容標題	{常用修改樣式}
*/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)(背景透明度)

css語法修改說明：

請進入管理部落格→面板設定→自訂樣式

改變部落格背景樣式

改變框線樣式

改變卷軸顏色

改變滑鼠樣式

改變訂閱圖示樣式

改變個性圖示

改變文字樣式

注意：CSS語法中無法並存相同語法

例如已有

/*Main content header文章標題圖*/
.yc3pribd .mhd{ background:url(http://圖檔網址.gif) repeat; color:#00CC00;}

↑此語法沒設定文字置中

你又重複貼上一段加強文字置中語法

/*Main content header文章標題圖*/
.yc3pribd .mhd{ background:url(http://圖檔網址.gif) repeat; color:#00CC00;TEXT-ALIGN: center;}

這樣會無法呈現CSS效果

要覆蓋刪除原先語法，貼上新的語法才可

詢問前請善用站內搜尋或查看314精華區

若無法顯示SWF動畫請按此下載