奇摩部落格自訂式樣CSS語法總覽(三)特殊語法

2008060816:47
蒐集:自訂式樣教學  2007/11/10 02:41

奇摩部落格自訂式樣CSS語法總覽(三)特殊語法

【隱藏 CSS語法】 設定教學

請從

管理部落格 → 面板設定 → 自訂樣式 → 在到CSS欄

將上面語法覆製 → 貼在CSS內容欄最下面

CSS語法欄內沒有相同的語法  就直接貼上  有的話請(請覆蓋原先的設定)

(重覆貼取語法會干擾程式,可能會造成效果無法顯示,

或是其他無法預期的事情,除非把語法清除重新設定。)

【進階樣式和自訂樣式的設定也會相互干擾】

/*隱藏奇摩部落格網頁~頁首和頁尾欄位*/
#yhtw_masthead,#yhtw_mastfoot{display:none;}

 


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

 


/*Blog album module隱藏部落格相簿*/
#ymodalbum{display:none;}

 

/*隱藏左右欄位標題*/
.yc3sec .mhd,.yc3sub .mhd{display:none}
.yc3sec .mbd,.yc3sub .mbd{zoom:1;filter:alpha(opacity:0)}

 


/*隱藏文章欄位標題*/
.yc3pribd .mhd{display:none}
.yc3pribd .mbd{zoom:1;filter:alpha(opacity:0)}

 


/*隱藏個人性別圖*/
#ymodprf .horos img{display:none;}

 


/*Profile隱藏自我介紹欄位*/
#ymodprf{display:none}

 


/*隱藏回應按鈕*/
div.btncomment a {display:none;}

 


/*隱藏留言板*/
#ymsgboard {display:none;}

 


/*隱藏回應欄位*/
#rtemodule {display:none;}

【部落格透明度CSS語法】

 

/*Opacity for blogtitle標題底色透明度*/ 
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:0)}

 

/*Opacity for main content文章底色透明度*/ 
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:0)}

 

/*Opacity for sub column左右欄位底色透明度*/ 
.yc3subbd .rctop,.yc3subbd .rctop div,.yc3subbd .rcl,.yc3subbd .rcr,.yc3subbd .rcbtm,.yc3subbd .rcbtm div, .yc3sec .rctop,.yc3sec .rctop div,.yc3sec .rcl,.yc3sec .rcr,.yc3sec .rcbtm,.yc3sec .rcbtm div {zoom:1; filter:alpha(opacity:0)}

 

 

/*Background color for module個人欄位底色透明度*/ 
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background:#99FF99; filter:alpha(opacity:0)}

(個人欄位底色透明度)
CSS語法欄內內沒有  /*Background color for module*/  語法

就直接在CSS語法欄內最下面貼上

有的話請(覆蓋原先的設定)

(重覆貼取語法會干擾程式,可能會造成效果無法顯示,或是其他無法預期的事情)

【進階樣式和自訂樣式(css語法)的設定如有衝突 也會相互干擾*除非把(css語法)清除重新設定】

/*Background color for module*/ 
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background:#99FF99; filter:alpha(opacity:0)}

【調整部落格字體大小+改變顏色】

/*Background color for blog title橫幅欄框 調整顏色+字體大小*/
#yblogtitle .mbd, #blogtitle .mft { font-size:110%; background-color:#FFFFFF}

 


/*Main content header編輯管理標題  留言板標題  調整顏色+字體大小*/
.yc3pribd .mhd{ font-size:120%; background:#000000; color:#FFFFFF;}

 


/*Nav module header部落格相簿標題 調整顏色+字體大小*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ font-size:110%; background:#000000; color:#000000;}

 


/*Background color for main content body自我介紹欄  留言板 文章內容  調整顏色+字體大小*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { font-size:110%; background: #FFFFFF}

 


/*Nav module body左右欄框內容 調整顏色+字體大小*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ font-size:105%; background:#000000; color:#FFFFFF;}