奇摩部落格面板語法設定總覽

背景圖不隨捲軸移動固定設定

/*Background color for whole page fixed*/ body {background: url( 圖片網址 ); background-repeat:repeat; background-position :0% 100%; background-attachment: fixed;}

滑鼠鎖右鍵語法設定 /* document body oncontextmenur*/ body {star:expression(document.body.onselectstart = document.body.oncontextmenu = function(){return false;});}

左右欄位內容背景透明設定 /* Background color for module*/ .yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {zoom:1; background:#EEEE; filter:alpha(opacity:0)}

欄位外框晶鑽禮湛框圖設定 /* Shared rounded corner for all modules flower*/ .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;} .ycntmod .rctop {zoom:1;background:url( 圖片網址 ) left top no-repeat;margin-right:15px;} .ycntmod .rctop div {background:url( 圖片網址 ) right top no-repeat;height:66px;font-size:0;position:relative;right:-15px;} .ycntmod .rcbtm {zoom:1;background:url( 圖片網址 ) left bottom no-repeat;margin-right:15px;} .ycntmod .rcbtm div {background:url( 圖片網址 ) right bottom no-repeat;height:39px;font-size:0;position:relative;right:-15px;} .ycntmod .rcl {padding-left:9px;background:url( 圖片網址 ) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:9px;background:url( 圖片網址 ) right repeat-y;} .ycntmod .text {position:relative;word-break:break-all;} .yc3pribd .ycntmod{overflow:visible;} .yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

中間欄位文章標題前小圖片與文字字體大小變更設定 /*Article content module*/ .yblogcnt .blgtitlebar {margin-bottom:5px;zoom:1;} .yblogcnt .blgtitlebar h2 {background:url( 圖片網址 ) left .9em no-repeat;padding-left:90px;margin-bottom:1px;_margin-bottom:1px;_line-height:9em;}

部落格頂部 Yahoo! 奇摩工具列置頂區塊功能消失設定 /*yhtw_masthead*/ #yhtw_masthead a, #yhtw_masthead .mhuser p, #yhtw_masthead div, #yhtw_masthead div span{display:none;}

部落格全版背景底圖設定 /*Background color for whole page*/ body {background: url( 圖片網址 )}

部落格頂部 Yahoo! 奇摩工具列背景底圖設定 /*Master header*/ #yhtw_masthead{background: url( 圖片網址 );color:#ff0000;filter:alpha(opacity=50); opacity:0.30; moz-opacity:0.5;font-family: 標楷體 ;padding-left:20px;font-size:130%} #yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,#yhtw_masthead a:hover{color:#ff0000;}

部落格橫幅背景底圖設定 /*Background image for blog title*/ #yblogtitle .mbd {background: url( 圖片網 址 ); background-repeat: repeat} #yblast{display: none}

部落格名稱標題前小圖片與文字字體顏色字體大小變更設定 /*Blog title*/ #yblogtitle h1{font-size:100%;font-weight:bold;background:url( 圖片網址 ) no-repeat;padding-left:30px; color:#ff0000;font-family: 標楷體 ;} #yblogtitle .mbd,#yblogtitle .mft{font-size:130%;font-weight:bold;background:url( 圖片網址 ) no-repeat;padding-left:30px; color:# 0000f f;font-family: 標楷體 ;}

訂閱部落格圖片檔變更設定 /*btnsbsrb*/ div#btnsbsrb_nologin a,div#btnsbsrb a {display:block;width:88px;height:31px;overflow:hidden;background:url( 圖片網址 ) no-repeat;margin:0;}

招呼語欄位圖框背景底圖變更設定 /*Opacity for blast*/ #yblast .bg {zoom:1; filter:alpha(opacity:100); background: url( 圖片網址 )}

部落格自我介紹欄位內容中性別圖片檔變更設定 /*welcome*/ #ymodprf .horos img{display:none;} #ymodprf .horos{width:100px;height:100px;background:url( 圖片網址 ) center no-repeat;}

左右欄位標題背景底圖與標題字體顏色設定 /*Nav module header*/ .yc3sec .mhd, .yc3subbd .mhd{font-family: 標楷體 ;font-size:100%;font-weight:bold;background: url( 圖片網址 );color:#ff0000; no-repeat;padding-left:18px;}

左右欄位內容中背景底圖設定 /*Nav module body*/ .yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background-image: url( 圖片網址 );}

左右欄位內容中標題前小圖片變更設定 /*Nav module list*/ .ycntmod .mbd ul.list li {background:url( 圖片網址 ) left .2em no-repeat;padding-left:20px;margin-bottom:1px;_margin-bottom:1px;_line-height:1.5em;} .ycntmod .mbd ul.list li.more {background:url( 圖片網址 ) left .2em no-repeat;}

中間欄位標題背景底圖與標題字體顏色設定 /*Main content header*/ .yc3pribd .mhd{background:#ffffff url( 圖片網址 );color:#ff0000;}

中間欄位標題文章內容背景底圖與文章內容文字字體顏色設定 /*Main content body*/ .yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image: url( 圖片網址 ) no-repeat; color:#000000} #ymodcal .mbd td strong {color:#ff0000;} .yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro more{background-image: url( 圖片網 址 );}

中間欄位文章標題前小圖片與文字字體大小變更設定 /*Article content module*/ .yblogcnt .blgtitlebar {margin-bottom:5px;zoom:1;} .yc3pribd .mbd,more {font-size:110%;font-weight:bold;background:url( 圖片網址 ) no-repeat;padding-left:30px;} .yblogcnt .blgtitlebar h2 {background:url( 圖片網址 ) no-repeat;padding-left:30px;}

更新日期欄位內容中日期時間前小圖片變更設定 /*Module latest upup*/ #ymodupdate .mbd .date{background:url( 圖片網址 ) left center no-repeat;padding-left:16px;font-size:80%;font-family:verdana;}

去除文字超連結底線設定 /*Links*/ a,a:link,a:visited{color:#ff0000;text-decoration: none} a:hover{color:#ff0000;} a {text-decoration:none} a:hover {position: relative; top: 2px;left:2px;}

去除欄位白色外框設定 /*shared rounded corner for all modules*/ .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;} .ycntmod .rctop {zoom:1;background:url() left top no-repeat;margin-right:5px;} .ycntmod .rctop div {background:url() right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;} .ycntmod .rcbtm {zoom:1;background:url() left bottom no-repeat;margin-right:5px;} .ycntmod .rcbtm div {background:url() right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;} .ycntmod .rcl {padding-left:5px;background:url() repeat-y;} .ycntmod .rcr {zoom:1;padding-right:5px;background:url() right repeat-y;} .ycntmod .text {position:relative;word-break:break-all;} .yc3pribd .ycntmod{overflow:visible;} .yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

捲軸顏色變更設定 /* */ html{ scrollbar-base-color : #000000; scrollbar-face-color : #000000; scrollbar-track-color: #000000; scrollbar-arrow-color : #ff0000; scrollbar-3dlight-color: #000000; scrollbar-highlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000;}

部落格加顏色外框設定 /* */ body{ border-right: 10px double; border-top: 10px double; border-left: 10px double; border-bottom: 10px double; border-color:#077006; }

滑鼠游標變更設定 /* */ body{cursor:url( 圖片網址 )} a:hover {cursor:url( 圖片網址 )}

---