這裡的語法會不斷的更新ˇˇ
因為海豚會不斷放入各種新的語法！！
語法教學出產自：
隱藏的語法↓↓
隱藏設定
/*Blog album aodule隱藏相簿*/#ymodalbum{display:none;}
/*Blog latest update module隱藏更新日期*/
#ymodupdate{display:none}
/*隱藏留言版*/#ymodmsgbd h3{display:none}
/*Profile隱藏自我介紹欄*/
#ymodprf{display:none}
/*隱藏頁首及頁尾*/#yhtw_masthead,#yhtw_mastfoot{display:none;}
|
裝飾語法↓↓
滑鼠游標
body{cursor:url(未連結時游標網址)}
a:hover {cursor:url(連結時游標網址)}
|
回應引用圖
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;}
|
訂閱語法
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;}
|
文章前小圖語法
.yblogcnt .blgtitlebar {margin-bottom:10px;zoom:1;} .yblogcnt .blgtitlebar h2 {font-size:126%;font-weight:bold;background:url(網址) no-repeat;padding-left:32px;} .yblogcnt .blgtitlebar h2 a {color:#195693; padding-right:5px;}
|
更新日期前小圖
/*Module latest upup*/
#ymodupdate .mbd .date{background:url(小圖網址) left center no-repeat;padding-left:11px;font-size:104%;font-family:verdana;}
|
部落格文字置中語法
BODY {
Font-Family: verdana;
TEXT-ALIGN: center;
}
|
更改文章內頁背景語法
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table,#yusrinfo table, #yusrintro p{background-image:url(圖片網址} #ymodcal .mbd td strong {color:#3B9DC1;}
|
更改自訂欄位背景語法
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background: #FFFFFF;background-image: url(圖片網址) ; color:#ff0000}
|
更改性別圖語法
招呼語框語法
#yblast .bg {zoom:1; filter:alpha(opacity:100); background: url(圖片網址) no-repeat}
#yblast .text,#yblast .bg{overflow:hidden;
padding:11px 11px;width:圖片寬度px;height:圖片高度px;}
#yblast{zoom:1;position:relative;top:-10px;left400px;
margin:0 0 -40px 0;z-index:2;}
#yblast .text{color:#D20F78;font-family:細明體W6;font-size:100%;}
|
最新回應.最新文章前小圖語法
.ycntmod .mbd ul.list li {background:url(網址1) left .1em no-repeat;padding-left:17px;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) 48px center no-repeat;}
|
留言前小圖語法
#yleavemsg #rte {background:transparent url(圖片網址) no-repeat scroll center top;padding-top:間距px;}
|
回應欄位上方圖
#rtemodule {background:url(圖片網址) no-repeat scroll center top;padding-top:120px;}
|
標題圖置中語法
#ymodalbum{display:none;}
#yblogtitle .mbd, #yblogtitle .mft{font-size:90%;color:#FF5AB4;color:#FF5AB4;text-align:center;}#yblogtitle .thd a{width:168px;height:40px;position:relative;left:0px;display:block;}#yblogtitle h1 {display:block;float:left;background:url(網址) 0 0 no-repeat;width:長px;height:寬px;font-size:0;line-height:0;overflow:hidden;cursor:pointer;cursor:hand;}
|
背景圖底圖重複
/*Background*/
body{background:#ffffff url(背景圖網址) repeat;}
|
大背景圖底圖固定
/*Background*/
body{ background:#ffffff url(背景圖網址) no-repeat;background-attachment: fixed}
|
文字顏色
/*Text color for module左右欄位標題文字顏色*/
.text {color: #文字顏色之色碼}
/*Text color for blog title部落格標題字體顏色*/
#yblogtitle .text {color: #文字顏色之色碼}
/*Text color for blog title部落格敘述文字*/
#yblogtitle .text {color: #文字顏色之色碼;}
/*Text color for main content中間文章欄位文字顏色*/
.yc3pribd .text {color: #文字顏色之色碼}
|
透明度
/*Opacity for main content文章底圖透明度*/
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:透明度)}
#yblast{display}
/*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:透明度)}
/*Opacity for blogtitle部落格標題敘述透明度*/
#yblogtitle .rctop, #blogtitle .rctop div, #yblogtitle .rcl, #yblogtitle .rcr, #yblogtitle .rcbtm, #yblogtitle .rcbtm div {zoom:1; filter:alpha(opacity:透明度)}
|
底圖設定
/*Nav module body左右欄位底圖*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{background-image:url(底圖網址);}
/*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{background-image : url(底圖網址);}
/*Blog title部落格標題敘述欄底圖*/
#yblogtitle .mbd,#yblogtitle .mft{background: url(底圖網址) repeat; }#yblogtitle h1{color: #000000 ;}
/*Main content body文章底圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{
background-image:url(底圖網址);
color: #FF0099} #ymodcal .mbd td strong {color: #FF0099;}
/*Main content header文章標題底圖*/
.yc3pribd .mhd{ background:url(圖片網址) repeat; color:; #FF0099}
|
部落格大框線
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*/
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(圖檔網址);background-repeat:repeat;border:1px dotted #色碼;position:relative;top:1px;left:1px}
|
連結浮出效果
/*Links*/
a:hover{ border: 2px #fff outset }
|
請先 登入 以發表留言。