部落格邊框

2008031608:45

部落格邊框教學

1.先點選「管理部落格」

2.進入「管理部落格」之後,再點「面板設定」

3.進入「面板設定」之後,在按「自訂樣式」

4.選擇你們要的邊框語法:

----------------------------------貓的邊框語法-------------------------------

 /*shared rounded corner for all modules加框語法*/.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/liaosd2004/al/1.gif) left top no-repeat;margin-right:5px;}.ycntmod .rctop div {background:url(http://hk.geocities.com/liaosd2004/al/2.gif) right top no-repeat;height:40px;font-size:0;position:relative;right:-5px;}.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/liaosd2004/al//3.gif) left bottom no-repeat;margin-right:5px;}.ycntmod .rcbtm div {background:url(http://hk.geocities.com/liaosd2004/al/4.gif) right bottom no-repeat;height:15px;font-size:0;position:relative;right:-5px;}.ycntmod .rcl {padding-left:7px;background:url(http://hk.geocities.com/liaosd2004/al/5.gif) repeat-y;}.ycntmod .rcr {zoom:1;padding-right:7px;background:url(http://hk.geocities.com/liaosd2004/al/6.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加框語法*/ .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/liaosd2004/e3/1.gif) left top no-repeat;margin-right:5px;}.ycntmod .rctop div {background:url(http://hk.geocities.com/liaosd2004/e3/2.gif) right top no-repeat;height:30px;font-size:0;position:relative;right:-5px;}.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/liaosd2004/e3/3.gif) left bottom no-repeat;margin-right:5px;}.ycntmod .rcbtm div {background:url(http://hk.geocities.com/liaosd2004/e3/4.gif) right bottom no-repeat;height:30px;font-size:0;position:relative;right:-5px;}.ycntmod .rcl {padding-left:2px;background:url(http://hk.geocities.com/liaosd2004/e3/5.gif) repeat-y;}.ycntmod .rcr {zoom:1;padding-right:2px;background:url(http://hk.geocities.com/liaosd2004/e3/6.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加框語法*/ .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;} .ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/liaosd2004/vul3/1.gif) left top no-repeat;margin-right:5px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/liaosd2004/vul3/2.gif) right top no-repeat;height:22px;font-size:0;position:relative;right:-5px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/liaosd2004/vul3/3.gif) left bottom no-repeat;margin-right:5px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/liaosd2004/vul3/4.gif) right bottom no-repeat;height:22px;font-size:0;position:relative;right:-5px;} .ycntmod .rcl {padding-left:8px;background:url(http://hk.geocities.com/liaosd2004/vul3/5.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:8px;background:url(http://hk.geocities.com/liaosd2004/vul3/6.gif) right repeat-y;} .ycntmod .text {position:relative;word-break:break-all;} .yc3pribd .ycntmod{overflow:visible;} .yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

--------------------------櫻花的邊框------------------------------

圖例:                                             

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/h01.gif) left top no-repeat;margin-right:15px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/ccloud67tw/Table/h02.gif) right top no-repeat;height:30px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/h03.gif) left bottom no-repeat;margin-right:15px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/ccloud67tw/Table/h04-1.gif) right bottom no-repeat;height:32px;font-size:0;position:relative;right:-15px;}
.ycntmod .rcl {padding-left:13px;background:url(http://hk.geocities.com/ccloud67tw/Table/h05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:20px;background:url(http://hk.geocities.com/ccloud67tw/Table/h06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

----------------------------紅豆的邊框------------------------------

圖例:                                              

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/a01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/ccloud67tw/Table/a02.gif) right top no-repeat;height:9px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/a03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/ccloud67tw/Table/a04.gif) right bottom no-repeat;height:9px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://hk.geocities.com/ccloud67tw/Table/a05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://hk.geocities.com/ccloud67tw/Table/a06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

-----------------------------Hello Kitty的邊框------------------------

圖例:                                                 

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/aa1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/ccloud67tw/Table/aa2.gif) right top no-repeat;height:46px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/aa3.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/ccloud67tw/Table/aa4.gif) right bottom no-repeat;height:12px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:13px;background:url(http://hk.geocities.com/ccloud67tw/Table/aa5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:12px;background:url(http://hk.geocities.com/ccloud67tw/Table/aa6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

--------------------------也是Kitty的邊框-------------------------

圖例:                                              

..ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/b01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/ccloud67tw/Table/b02.gif) right top no-repeat;height:45px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/b03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/ccloud67tw/Table/b04.gif) right bottom no-repeat;height:9px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://hk.geocities.com/ccloud67tw/Table/b05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://hk.geocities.com/ccloud67tw/Table/b06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

-------------------------巧克力花的邊框----------------------

圖例:                               

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/c01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/ccloud67tw/Table/c02.gif) right top no-repeat;height:35px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/c03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/ccloud67tw/Table/c04.gif) right bottom no-repeat;height:33px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:18px;background:url(http://hk.geocities.com/ccloud67tw/Table/c05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:18px;background:url(http://hk.geocities.com/ccloud67tw/Table/c06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

-------------------------小雞的邊框------------------------------

圖例:                                           

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/d01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/ccloud67tw/Table/d02.gif) right top no-repeat;height:26px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/d03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/ccloud67tw/Table/d04.gif) right bottom no-repeat;height:13px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:15px;background:url(http://hk.geocities.com/ccloud67tw/Table/d05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:16px;background:url(http://hk.geocities.com/ccloud67tw/Table/d06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

---------------------------也是小雞的邊框-------------------------------

圖例:                                            

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/e01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/ccloud67tw/Table/e02.gif) right top no-repeat;height:38px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/e03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/ccloud67tw/Table/e04.gif) right bottom no-repeat;height:13px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:15px;background:url(http://hk.geocities.com/ccloud67tw/Table/e05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:16px;background:url(http://hk.geocities.com/ccloud67tw/Table/e06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

--------------------------中國娃娃的邊框-------------------------------

圖例:                                           

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/f01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/ccloud67tw/Table/f02.gif) right top no-repeat;height:40px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/f03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/ccloud67tw/Table/f04.gif) right bottom no-repeat;height:16px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:12px;background:url(http://hk.geocities.com/ccloud67tw/Table/f05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:13px;background:url(http://hk.geocities.com/ccloud67tw/Table/f06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

-------------------------彩虹天使的邊框------------------------------
圖例:                                          

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/g01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/ccloud67tw/Table/g02.gif) right top no-repeat;height:46px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/ccloud67tw/Table/g03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/ccloud67tw/Table/g04.gif) right bottom no-repeat;height:12px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:13px;background:url(http://hk.geocities.com/ccloud67tw/Table/g05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:12px;background:url(http://hk.geocities.com/ccloud67tw/Table/g06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

----------------------------真珠美人魚的邊框---------------------------

SORRY 圖例無法顯示~~

/*Shared rounded corner for all modules楓葉零創作-珍珠美人魚Ⅲ邊框圖*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://homelf.kimo.com.tw/sesz2009/CCC001.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://homelf.kimo.com.tw/sesz2009/CCC002.gif) right top no-repeat;height:78px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://homelf.kimo.com.tw/sesz2009/CCC003.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://homelf.kimo.com.tw/sesz2009/CCC004.gif) right bottom no-repeat;height:62px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:14px;background:url(http://homelf.kimo.com.tw/sesz2009/CCC005.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:14px;background:url(http://homelf.kimo.com.tw/sesz2009/CCC006.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}