語法總匯
幫大家整理了一下ＣＳＳ搭語法 ＝ ˇ ＝ˊ
【更換標題圖】
BODY { Font-Family: verdana; TEXT-ALIGN: center; }#yblogtitle h1 { display:block; float:left; background:url(圖片網址) 0 0 no-repeat; width:寬px; height:高px; font-size:0; line-height:0; text-indent:-5000px; overflow:hidden; cursor:pointer;
cursor:hand;}【更換招呼語框】
/*Opacity for blast招呼語圖框+文字置中*/#yblast{zoom:1;position:relative;top:-20px;left:0px;margin:0 0 -55px 0;z-index:2;}#yblast .text,#yblast .bg{overflow:hidden;padding:5px 5px;width:寬px;height:高px;}#yblast .text{zoom:1;margin:-55px 0 0;}#yblast .text a#yblast a.edit{background:url(圖框網址);width:13px;height:13px;}#yblast .bg {zoom:1; filter:alpha(opacity:透明度); background: url(圖框網址) no-repeat}#yblast .text{color:#文字顏色之色碼
;font-size:90%;}
【更換性別圖】
/*更換性別圖*/#ymodprf .horos img{display:none;}#ymodprf .horos{width:寬px;height:高px;background:url(圖片網址
) center no-repeat;}【更換訂閱圖】
/*btnsbsrb更換訂閱部落格圖示*/div#btnsbsrb a{display:block;width:寬px;height:高px;overflow:hidden;background:url(圖片網址) no-repeat;margin:0;}div#btnsbsrb_nologin a{display:block;width:寬px;height:高px;overflow:hidden;background:url(圖片網址) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}【更換背景圖】
背景圖固定
『需調整角度搭』/*Background*/body { background-image: url(圖片網址); background-repeat:no-repeat ;background-position :50% 50%;
background-attachment: fixed;}
百分率表”backgroud-position: 0% 0%; 左邊上方backgroud-position: 0% 50%; 左邊中間backgroud-position: 50% 0%; 中間上方backgroud-position: 50% 50%; 正中間backgroud-position:100% 0%; 右邊上方backgroud-position: 0% 100%; 左邊下方backgroud-position: 100% 50%; 右邊中間backgroud-position: 50% 100%; 中間下方backgroud-position: 100% 100%; 右邊下方
『以圖片大小』/*Background*/body{background-image:url(圖片網址
);background-attachment:fixed;}
背景圖重複/*Background背景圖重複*/body{background:#000000 url(圖片網址
) 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;}【更換滑鼠游標】
一種游標搭body{cursor:url(游標圖檔
兩種游標搭body{cursor:url(游標圖檔1)} a:hover{cursor:url(游標網址2
)}【更換邊框】
無框線版面－讓整個部落格框線消失語法”/*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;}
邊框線面板－多重框框語法”/*Opacity for blogtitle*/#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:70)border-bottom:3px double 色碼; border-top:3px double 色碼; border-left:3px double 色碼; border-right:3px double 色碼
/*Opacity for main content*/.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:70)border-bottom:3px double 色碼; border-top:3px double 色碼; border-left:3px double色碼; border-right:3px double 色碼
/*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:70)border-bottom:3px double 色碼; border-top:3px double 色碼; border-left:3px double 色碼; border-right:3px double 色碼
邊框圖版面－讓整個部落格加邊框圖語法”/*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:30px;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:30px;font-size:0;position:relative;right:-5px;}.ycntmod .rcl {padding-left:12px;background:url(左邊框圖檔網址) repeat-y;}.ycntmod .rcr {zoom:1;padding-right:12px;background:url(右邊框圖檔網址) right repeat-y;}.ycntmod .text {position:relative;word-break:break-all;}.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}【自定欄位貼圖】
沒連結搭
圖片網址">
有連結搭連結網址" target="_blank">
圖片網址">
【自定欄位貼樂果】樂果＝ＬＯＧＯ
部落格網址">你的logo圖網址" alt=""""""""""""""""""""""""""""""""" 中文名稱"""" border=
"0" width="88" height="31"><a href="部落格網址"><img src="你的logo圖網址" alt="""""""""""""""""""""""""""""""""" 中文名稱""""" border="0"></a>【框線語法】
/*部落格大框線*/body {border: 框線大小px double #框線色碼
;}/*部落格周圍框線*/html{border-top : 大小px solid #色碼; border-bottom : 大小px solid #色碼; border-left : 大小px solid #色碼; border-right : 大小px solid #色碼
; }【按鈕框框】
/*按鈕框框*/input,select{background: #框底色碼;color: #文字色碼;border: 1px solid #框線色碼;FONT-SIZE: 9px;
font-family:verdana;}【Links連結效果】
/*Links連結去底線*/a,a:link,a:visited{color:#未連結時色碼;text-decoration: none}a:hover{color:#連結時色碼
;text-decoration: none;}/*Links連結浮出效果*/a:hover{ border: 2px #文字色碼
outset }
/*Links連結移下效果*/
a:hover { position:relative;top:1px;left:1px;}【隱藏相關語法】
/*Profile隱藏自我介紹欄*/
#ymodprf{display:none} /*Blog album module隱藏部落格相簿欄位*/
#ymodalbum{display:none;}/*隱藏留言板*/
#ymodmsgbd h3{display:none}/*招呼語圖框 我要留言 字樣刪除*/
#yblast .text a{display:none;}/*Blog latest update module隱藏更新日期欄*/
#ymodupdate{display:none}/*Blog category list module隱藏左右欄位標題*/.yc3sec .mhd,.yc3sub .mhd{display:none} .yc3sec .mbd,.yc3sub .mbd{zoom:1;filter:alpha(opacity:底圖透明度
)}/*Article隱藏文章寬欄位*/.yc3pribd .mhd{display:none}.yc3pribd .mbd{zoom:1;filter:alpha(opacity:底圖透明度
)}/* 隱藏頁首和頁尾*/
#yhtw_masthead,#yhtw_mastfoot{display:none;}
【鎖右鍵語法】
/*滑鼠鎖右鍵專用語法document body oncontextmenur*/
body {star:expression( document.body.oncontextmenu = function(){return false;});}
補充”紅字就是要更改搭地方ˇˇ
這是常用搭ＣＳＳ，還有其他雜碎搭，以後有機會再整理ˇˇ文 章 整 理 者 ”
