close

 


　　　　有人問我... 可愛的小貓邊框哪裡來... 當然是從別人家來的阿....

　　　　引用回來... 有人要找邊框的時候... 就可以很快找到嚕...

 

 

　　下一張(熱鍵:c)      ----------------------  我是分隔線  ---------------------下一張(熱鍵:c)

 

 

 

 




　　　　　　　部落格邊框教學


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;}


 


 


 


5.之後在選一個：


在到放語法的地方



語法，貼到上圖中~之後就完成囉！！


 


 



 


 


 


 


 


 

arrow
arrow
    全站熱搜

    Katja 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄