【部落格素材教學法】鴨子媽咪a糖菓萬歲邊框
鴨子媽咪a糖菓萬歲邊框
給我糖糖-其餘免談
呵呵~會蛀牙哦
邊框預覽如下:
語法如下:
/*shared rounded corner for all modules鴨子媽咪a糖菓萬歲邊框*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/max1900xxx/fp001-5.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/max1900xxx/fp002-4.gif) right top no-repeat;height:120px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/max1900xxx/fp003-1.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/max1900xxx/fp004.gif) right bottom no-repeat;height:13px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:10px;background:url(http://hk.geocities.com/max1900xxx/fp005.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:10px;background:url(http://hk.geocities.com/max1900xxx/fp006.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
/*三欄式左右欄位變寬語法*/
.thrcol .yc3main {width:100%;float:left; margin-left:-210px;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-210px;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:200px;float:right;}
.thrcol .yc3sec {width:200px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}