部落格常用語法解說→謝謝玟玟☆文章分享 - a5313989

部落格常用語法解說

語法說明：

範例：

/*Links網頁超連結*/ a,a:link,a:visited{color:#6600CC;text-decoration:none} a:hover{color:#FFFF00;background-image:url(http://圖檔網址.gif);background-repeat:repeat;border:1px dotted #6600CC;position:relative;top:1px;left:1px}

＊部落格背景

語法說明：

範例：

/*Background部落格背景*/ body{background-color:#9966FF;background-image:url(http://圖檔網址.gif);background-attachment:fixed}

＊奇摩置頂欄

語法說明：

範例：

/*Master header奇摩置頂欄*/ #yhtw_masthead{display:none}

＊奇摩置底欄

語法說明：

範例：

/*Master foot奇摩置底欄*/ #yhtw_mastfoot{display:none}

＊主標題欄位

語法說明：

範例：

/*Blog title主標題欄位*/ #yblogtitle .mbd{text-align:center} #yblogtitle .mbd .thd{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;background-position:0% 100%;width:380px;height:45px;font-size:16px;text-align:right} #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)}

＊招呼語欄

語法說明：

範例：

/*Blog blast module招呼語欄位*/ #yblast{text-align:right} #yblast .bg{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;width:150px;height:30px} #yblast .text{font-size:10px}

＊文章欄

語法說明：

範例：

/*Article文章寬欄位*/ .yc3pribd .mhd{display:none} .yc3pribd .mbd{color:#6600CC;font-size:10px;zoom:1;filter:alpha(opacity:0)} .blgtitlebar h2{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;color:#FFFF00;padding-left:30px} .yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div{zoom:1;filter:alpha(opacity:0)}

＊左右窄欄

語法說明：

範例：

/*Blog category list module左右窄欄位*/ .yc3sec .mhd,.yc3sub .mhd{filter:alpha(opacity=0)} .yc3sec .mhd h3,.yc3sub .mhd h3{background:url(http://圖檔網址.gif);background-repeat:no-repeat;color:#FFFFFF;font-weight:bold;font-size:12px;padding-left:25px;padding-top:5px} .yc3sec .mbd,.yc3sub .mbd{color:#6600CC;font-size:10px;zoom:1;filter:alpha(opacity:0)} .ycntmod .mbd ul.list li{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;padding-left:25px;padding-top:10px;_line-height:1.5em} .ycntmod .mbd ul.list li.more{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat} .yc3sec .mhd a:visited,.yc3subbd .mhd a:visited{color:#FFFFFF}

＊欄位框線圖

語法說明：

範例：

/*Shared rounded corner for all modules欄位框線圖*/ .ycntmod .rctop{background:url(http://左上圖檔網址.gif) left top no-repeat;margin-right:20px} .ycntmod .rctop div{background:url(http://右上圖檔網址.gif) right top no-repeat;height:20px;right:-20px} .ycntmod .rcl{background:url(http://左直圖檔網址.gif) repeat-y} .ycntmod .rcr{background:url(http://右直圖檔網址.gif) right repeat-y} .ycntmod .rcbtm {zoom:1;background:url(http://左下圖檔網址.gif) left bottom no-repeat;margin-right:20px} .ycntmod .rcbtm div {background:url(http://右下圖檔網址.gif) right bottom no-repeat;height:20px;right:-20px}

註：左右窄欄位的預設寬度為width:140px，設定為120px較不會影響框線

＊捲軸

語法說明：

範例：

/*Scrollbar捲軸區色彩*/ html{scrollbar-face-color:#9470DB;scrollbar-track-color:#C48AFF;scrollbar-3dlight-color:#AB57FF;scrollbar-highlight-color:#6B00D6;scrollbar-shadow-color:#AB57FF;scrollbar-darkshadow-color:#6B00D6;scrollbar-arrow-color:#7800F0}

＊自我介紹

語法說明：

範例：

/*Profile自我介紹欄*/ #yprf{display:none} #ymodprf .nickname{font-size:12px;font-weight:bold;filter:alpha(opacity:0)} #ymodprf .horos{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;background-position:0% 50%;color:#FFFFFF;width:40px; height:50px} #ymodprf .horos img{display:none}

＊更新日期

語法說明：

範例：

/*Blog latest update module更新日期欄*/ #ymodupdate{display:none}

＊部落格相簿

語法說明：

範例：

/*Blog album module部落格相簿*/ #ymodalbum h3{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;background-position:50% 100%;height:180px}

＊留言版

語法說明：

範例：

/*Blog guest book module留言板欄位*/ #ymodmsgbd h3{background-image:url(http://圖檔網址.gif);background-repeat:no-repeat;background-position:50% 100%;height:40p x }

相關設定與語法解說連結 : ( 請直接點選標題，即可看教學文章 )

玟玟不做教學，但最近好多新朋友在問語法問題，所以，我最近的文章多少會引用一些教學文章，但請各位格格，自行研究，如有問題，除了是我自己的教學分享外，其餘的請至我引用的網址，去問原創者，請不要再問我了。

以上的文章皆引用如有任何疑問，請直接去問部落格達人柏憲本人。