我喜歡這版型~~所以決定帶來分享給大家~~
為何框框會有2個顏色呢?
因為鴨子媽咪做完紫色的之後覺得顏色怪怪的
所以又做了藍色的框框
沒想到一樣怪
但既然做了就2款一起發表唄
也許會有怪怪的人喜歡怪怪的框
好了!剛下班的鴨子媽咪要跟寶寶一樣睡覺覺囉
(有種想幫寶寶蓋被子的衝動因為~好冷~)
邊框(紫)預覽如下:
語法如下:
/*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/fc001-3.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/max1900xxx/fc002-2.gif) right top no-repeat;height:160px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/max1900xxx/fc003-1.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/max1900xxx/fc004-1.gif) right bottom no-repeat;height:20px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:6px;background:url(http://hk.geocities.com/max1900xxx/fc005-1.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:6px;background:url(http://hk.geocities.com/max1900xxx/fc006-1.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
邊框(藍)預覽如下:
語法如下:
/*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/fd001-2.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/max1900xxx/fd002-1.gif) right top no-repeat;height:160px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/max1900xxx/fd003-1.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/max1900xxx/fd004.gif) right bottom no-repeat;height:19px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:6px;background:url(http://hk.geocities.com/max1900xxx/fd005-6.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:6px;background:url(http://hk.geocities.com/max1900xxx/fd005-6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
引用:http://tw.myblog.yahoo.com/jw!K4sWBoaaREBv_CuhDw0Plw--/article?mid=9769