【部落格素材教學法】┌研坊物語┘自製NO.6 粉色系娃娃標題邊框套組
┌研坊物語┘自製NO.6 - 粉色系娃娃標題邊框套組
預覽圖
/*shared rounded corner for all modules研坊物語 粉色系娃娃邊框*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://img150.imageshack.us/img150/792/72922161gt6.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i285.photobucket.com/albums/ll66/weewee_423/fbf26e86.gif) right top no-repeat;height:125px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://img295.imageshack.us/img295/6970/88474232qp1.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i285.photobucket.com/albums/ll66/weewee_423/29aa6b97.gif) right bottom no-repeat;height:65px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://i285.photobucket.com/albums/ll66/weewee_423/201dbc6a.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:7px;background:url(http://i285.photobucket.com/albums/ll66/weewee_423/8bb473a5.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
/* make coomment bar回應引用圖*/
div.btncomment a {display:block;height:110px;width:130px;background:url(http://i285.photobucket.com/albums/ll66/weewee_423/88bf63b3.gif) no-repeat;}
div.btntrackback a {display:block;height:110px;width:130px;background:url(http://i285.photobucket.com/albums/ll66/weewee_423/25b746b0.gif) no-repeat;}
/*Subs list~訂閱部落格*/
div#btnsbsrb_nologin a, div#btnsbsrb a {display:block;width:130px;height:110px;overflow:hidden;background:url(http://i285.photobucket.com/albums/ll66/weewee_423/8ff131d4.gif) no-repeat;padding-right:5px;}
大標題預覽圖
另加大標題圖
ps如要使用請加入以下語法~ 已有以下語法就不需再加囉!
/*大標題圖*/
body{background:url(http://img209.imageshack.us/img209/1300/25362500ti2.gif) transparent no-repeat;background-position:50% 0;}
/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#000F00;padding-top:220px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color:#000F00; font-size:18px;font-weight:bolder;font-family:新細明體;}
#yblogtitle .tbd{height:50px }
/*三欄式版面寬度設定*/
.thrcol #yhtw_mastfoot {width:990px;margin:0 auto;}
.thrcol[class]{min-width:990px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:990px;text-align:left;margin:0 auto;}
/*橫框標題圖無框語法使用firefox透明度不會破功*/
#yblogtitle .rctop{background:left top no-repeat;margin-right:0px;}
#yblogtitle .rctop div{background:right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:repeat-y;}
#yblogtitle .rcr{background:right repeat-y;}
#yblogtitle .rcbtm {background:left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:right bottom no-repeat;height:0px;right:-0px;}