不要看我只發一款 囧 ,這邊框實在是好難做的呀~
以前看過別人發這種風格的邊框,我覺得挺不錯的,
因為這是一款不管你是怎樣子的部落格都能用的邊框,不管你是男的還是女的、不管你的版型是不是粉
色亞夢的、不管你的背景圖是不是守護甜心的、不管你是老的少的都能用(除非是特殊語法的版型)。
喔!對了,哪裡難呢?答案就是人物沒排好常常被消掉一半 囧。
§菜單§
Q : 看得出來哪裡不一樣嗎?
↑三欄式預覽圖↓
↑二欄式預覽圖↓
Q : 有看出來哪裡不一樣嗎 ?
A : 答案就是二欄式標題可愛的小絲不見了XDD 很簡單吧=p
§語法§
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://img191.imageshack.us/img191/576/74713998.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://img33.imageshack.us/img33/4657/89266785.gif) right top no-repeat;height:150px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://img69.imageshack.us/img69/717/35799861.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://img5.imageshack.us/img5/323/53470037.gif) right bottom no-repeat;height:31px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://img198.imageshack.us/img198/6332/56205522.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:7px;background:url(http://img193.imageshack.us/img193/1540/22621478.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://img191.imageshack.us/img191/576/74713998.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://img33.imageshack.us/img33/4657/89266785.gif) right top no-repeat;height:150px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://img69.imageshack.us/img69/717/35799861.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://img5.imageshack.us/img5/323/53470037.gif) right bottom no-repeat;height:31px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://img198.imageshack.us/img198/6332/56205522.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:7px;background:url(http://img193.imageshack.us/img193/1540/22621478.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
底圖是夜雪做的
很漂亮吧XD
全站熱搜