常用語法

　文章內的語法　

文字+背景

底圖或閃圖的網址)">文字

　文章內的語法　

文字+背景

底圖或閃圖的網址)">文字

 

  自定樣式　語法 

center=置中，left=左邊，right=右邊，top=上面，bottom=下面，no-repeat=不重複，repeat-x=橫向重複 ，repeat-y=縱向重複，組合範例: no-repeat center */

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

/*Links連結去底線*/
a,a:link,a:visited{color:#未連結時色碼;text-decoration: none}
a:hover{color:#連結時色碼;text-decoration: none;}

 

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

 

/*Links連結浮出效果*/
a:hover{ border: 2px #fff outset }

 

/*部落格名以圖片取代*/
#yblogtitle .edit {display:none;}
#yblogtitle .mbd{text-align:center}
#yblogtitle .rctop,#yblogtitle .rctop div,#yblogtitle .rcl,#yblogtitle .rcr,#yblogtitle .rcbtm,#yblogtitle .rcbtm div{zoom:1;filter:alpha(opacity:0)}
#yblogtitle .thd h1 {background:url(標題圖的網址) center no-repeat;display:block;float:center;width:寬度px;height:高度px;font-size:0;text-indent:-5000px;overflow:hidden; cursor:pointer; cursor:hand;}

 

/*Module latest upup更新日期前小圖*/
#ymodupdate .mbd .date{background:url(小圖網址) left center no-repeat;padding-left:11px;font-size:104%;font-family:verdana;}

 

/*Nav module list左右欄位小圖*/
.ycntmod .mbd ul.list li {background:url(小圖網址1) left .1em no-repeat;padding-left:25px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(小圖網址2) 20px center no-repeat;}

 

/*Article content module文章前小圖*/
.yblogcnt .blgtitlebar {margin-bottom:9px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:125%;font-weight:bold;background:url(小圖網址) no-repeat;padding-left:60px;}

 

/*btnsbsrb訂閱部落格圖示*/
div#btnsbsrb a,div#btnsbsrb_nologin a{display:block;width:數字px;height:數字px;overflow:hidden;background:url(訂閱圖網址) no-repeat;}

 

/*make coomment bar回應跟引用更換圖片語法*/
div.btncomment a {display:block;height:數字px;width:數字px;background:url(回應圖片網址) no-repeat;}
div.btntrackback a {display:block;height:數字px;width:數字px;background:url(引用圖面片網址) no-repeat;}

 

/*性別圖*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:圖片寬度px;height:圖片高度px;background:url(性別圖網址) center no-repeat;}

 

/*豎頭像會在自己頭像下方*/
#ymodprf .nickname{font-size:12px;font-weight:bold;}
#ymodprf .horos{background-image:url(網址); background-repeat:no-repeat;background-position:0% 50%;color:#FFFFFF;width:100px; height:221px;text-align:center;}#ymodprf .horos img{display:none}

 

/*滑鼠游標*/
body{cursor:url(未連結時游標網址)}
a:hover {cursor:url(連結時游標網址)}

 

/*訪客回應欄位加圖片*/
#yartcmt .pagination strong{display: none}
#yartcmt .pagination{height:高度的數字px; background:url(公告圖片網址) no-repeat;background-position: center;}

/*加入留言板提示圖片*/
#yleavemsg #rte {background:transparent url(圖片網址) no-repeat scroll center top;padding-top:高度px;}

/*按鈕框框*/
input,select{background: #框底色碼;color: #文字色碼;border: 1px solid #框線色碼;FONT-SIZE: 9px;font-family:verdana;}

/*全板置中*/
body {text-align: center;}

/*部落格文字置中*/
BODY {Font-Family: verdana;
TEXT-ALIGN: center;}

　隱藏語法　

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

/*隱藏左右欄位名稱標題*/
.yc3sec .mhd,.yc3sub .mhd{display:none}

/*隱藏文章欄位全部文章大標題*/
.yc3pribd .mhd{display:none}

/*隱藏星座/*
#ymodprf .horos{display:none}

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

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

/*隱藏更新日期欄*/
#ymodupdate{display:none}

/*隱藏奇摩頁首與頁尾*/
#yhtw_masthead, #yhtw_mastfoot{display:none;}

/*隱藏部落格語法*/
body{background-image:url(背景圖網址); background-attachment:fixed;}
.ycntmod { filter:alpha(opacity:0); }

/*隱藏我要留言免受廣告干擾*/
#yblast .text a{display:none;}

 

/*捲軸改變顏色*/
html{
scrollbar-face-color: #1B006B;
scrollbar-highlight-color: #FFFFFF;　　　
scrollbar-shadow-color: #FFFFFF;　　
scrollbar-3Dlight-color: #1B006B;　　　
scrollbar-arrow-color:#FFFFFF;　　　　
scrollbar-track-color: #1B006B;
scrollbar-darkshadow-color:#1B006B }