♥ღ°寒忻 °ღの思念國度♥

♪*約克夏奶茶♪*--輕鬆學習blog語法

最近迷戀上blogo小玩意     傍晚將語法blogo所有語法彙整貼上

還是啟蒙學歩走  希望大家不吝嗇指導約克夏奶茶哦 

或是  提供更多語法分享

有些更新的語法若是沒整理到 會陸續在輕鬆學blog發表

如果喜歡約克夏奶茶記得帶走我LOGO   別讓花仙子迷路了

部落格固定背景語法

/*Background image for whole page固定背景*/　
body {background-image: url(圖片網址); background-repeat:repeat;background-attachment: fixed;}

橫框標題底圖語法

/*Background image for blog title橫框標題底圖語法*/
#yblogtitle .mbd {background-image: url(圖片網址); background-repeat: repeat}

左右底圖語法

/*Nav module body*左右底圖*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ font-size:105%;background:#000000; background-image: url(圖片網址) ; color:#000000}

文章底圖語法

/*Main content body*文章底圖*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(圖片網址) ;color:#1A4066} #ymodcal .mbd td strong {color:#3B9DC1;}

文章上框背景語法

/*Main content header*文章上框背景*/
.yc3pribd .mhd{font-size:140%; background:url(圖片網址) repeat; color:#FBF2CA;} 

左右標題背景語法

/*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:#000000; color:#000000;background-image:url(圖片網址);}

文章前小圖

/*Nav module list*文章前小圖*/
.ycntmod .mbd ul.list li {background:url(圖片網址) left .1em no-repeat;padding-left:20px;margin-bottom:3px;_margin-bottom:20px;_line-height:20px;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(圖片網址) 40px center no-repeat;}

標題透明語法〈設定opacity:100為不透明，依個人喜愛加以更改〉

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

更新日小圖

/*Module latest upup更新日小圖*/
#ymodupdate .mbd .date{background:url(圖片網址) right left no-repeat;font-size:120%;font-family:Art;}

游標語法

body{cursor:URL(游標網址);}
a:hover{cursor:URL(游標網址);}

文章標題小圖語法

/*Article content module*文章標題小圖*/
.yblogcnt .blgtitlebar {margin-bottom:15px;zoom:1;}
.yblogcnt .blgtitlebar h2 {font-size:180%;font-weight:bold;background:url(圖片網址) no-repeat;padding-left:50px;}

更改性別圖語法

/*更改性別氣質美美*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{width:97px;height:257px;background:url(圖片網址) center no-repeat;}

文字加顏色框語法

a,a:link,a:visited{font-weight:bold ;color:色碼;}
a:hover {font-weight:bold;;text-decoration : NONE;border:3px #000000 outset}

左右字體顏色語法

/*Links左右字體顏色*/
a: {font-family:"Comic Sans MS";font-size:pt;color:色碼;font-weight:bold;text-decoration:none}a,a:link,a:visited{color:色碼;text-decoration: none}
a:hover {font-size:pt;color:色碼;text-decoration:NONE

這是我的部落格框字體顏色語法

/*Text color for blog title*這是我的部落格框字體顏色*/
#yblogtitle .text {color:色碼;font-family:;font-size:120%;}

左右標題字體顏色語法

/*Text color for module*左右標題字體顏色*/
.text {color: 色碼;font-size:110%;font-family:;}

標題的圖案置中語法{color也可以自行更改喜愛色碼}

/*Blog title標題的圖案置中*/
#yblogtitle .mbd,#yblogtitle .mft{font-size:140%;color:#000000
;font-family:新細明體; color:#D23C78;text-align:center;}
#yblogtitle .thd a{width:100px;height:18px;top:-0px;position:relative;left:0px;display:block;}
#yblogtitle .thd h1 {font-size:140%;color:white;font-family:新細明體;}

自訂部落格標題圖語法(自訂樣是沒有此語法!所以直接將語法貼上即可)

/* 自訂部落格標題圖 */
#yblogtitle h1 {
    display:block;
    float:left;
    background:url(標題圖片網址) 0 0 no-repeat;
    width:350px;   px自行調整
    height:100px;   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:90px;margin:0 0 -60px 0;z-index:2;}
#yblast .text,#yblast .bg{overflow:hidden;padding:5px 18px;width:463px;height:70px;}
#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:100); background: url(招呼語圖片網址) no-repeat}
#yblast .text{color:#000000;font-family:新細明體;font-size:150%;text-align:center  }

回應引用語法

/*make coomment bar回應引用*/
div.btncomment a {display:block;height:98px;width:114px;background:url(回應圖片網址) no-repeat;}
div.btntrackback a {display:block;height:98px;width:114px;background:url(引用圖片網址) no-repeat;}

*btnsbsrb訂閱圖語法

/*btnsbsrb訂閱圖*/
div#btnsbsrb a{display:block;width:150px;height:62px;overflow:hidden;background:url(訂閱圖網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:150px;height:62px;overflow:hidden;background:url(訂閱圖網址) no-repeat;margin:0;}

捲軸 框線 變色 設定教學 (詳見點擊)