. .喵喵自製可口草莓邊框 ܤ－回憶的天空

. .喵喵自製可口草莓邊框 ܤ

喵喵看到這個圖覺得超喜歡

SO就做成邊框

希望大家會喜歡唷

不過若用正常寬

欄位裡的圖太大右邊的框就會變小一點

SO若覺得框變小很醜

可以使用語法二的二欄式

這樣邊框就會很完美喔

邊框預覽圖(實為動圖)

語法一

/*shared rounded corner for all modules喵喵自製可口草莓邊框邊框*/

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}

.ycntmod .rctop {background:url(http://hk.geocities.com/a2266104/s1-1.gif) left top no-repeat;margin-right:5px;}

.ycntmod .rctop div {background:url(http://hk.geocities.com/a2266104/s1-2.gif) right top no-repeat;height:75px;font-size:0;position:relative;right:-5px;}

.ycntmod .rcbtm {background:url(http://hk.geocities.com/a2266104/s1-3.gif) left bottom no-repeat;margin-right:5px;}

.ycntmod .rcbtm div {background:url(http://hk.geocities.com/a2266104/s1-4.gif) right bottom no-repeat;height:78px;font-size:0;position:relative;right:-5px;}

.ycntmod .rcl {padding-left:15px;background:url(http://hk.geocities.com/a2266104/s1-5.gif) repeat-y;}

.ycntmod .rcr {padding-right:10px;background:url(http://hk.geocities.com/a2266104/s1-6.gif) right repeat-y;}

.ycntmod .text {position:relative;word-break:break-all;}

.yc3pribd .ycntmod{overflow:visible;}

.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

語法二

二欄式

#ymodupdate, #yhtw_mastfoot{display:none;}
.thrcol .yc3mainbd {margin-left:180px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:180px;left:5px;}
.thrcol .yc3subbd {width:0px;}

/*shared rounded corner for all modules喵喵自製可口草莓邊框邊框*/

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {background:url(http://hk.geocities.com/a2266104/s1-1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/a2266104/s1-2.gif) right top no-repeat;height:75px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:url(http://hk.geocities.com/a2266104/s1-3.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/a2266104/s1-4.gif) right bottom no-repeat;height:78px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:15px;background:url(http://hk.geocities.com/a2266104/s1-5.gif) repeat-y;}
.ycntmod .rcr {padding-right:10px;background:url(http://hk.geocities.com/a2266104/s1-6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}