韓風彩繪~框線圖~分享~
近來流行韓風~連圖框背景圖都是韓繪,真的很美~
所以就拿來做框線圖,跟大家分享了~
~喜歡就帶回家吧~沒有版權唷 ^^~
製作框圖素材來自各位格友大大們的歡喜分享,感謝大家。
框圖及游標圖的語法,是要貼在CSS裡面喔。
從管理部落格進入→點入面版設定→再選擇自訂樣式
自訂樣式點進去就是CSS的內容。
只要把語法貼在CSS內容底下就可以了。
框線圖.游標及訂閱圖分享 96.01.22 新增 | |
圖示↓ | 語法↓ |
| /*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/zxcvbnm000qwe/xdgf/c01.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/c02.gif) right top no-repeat;height:33px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/c03.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/c04.gif) right bottom no-repeat;height:37px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:13px;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/c05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:13px;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/c06.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/zxcvbnm000qwe/xdgf/d01.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/d02.gif) right top no-repeat;height:47px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/d03.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/d04.gif) right bottom no-repeat;height:18px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:5px;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/d05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:5px;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/d06.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/zxcvbnm000qwe/xdgf/e01.gif) left top no-repeat;margin-right:30px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/e02.gif) right top no-repeat;height:47px;font-size:0;position:relative;right:-30px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/e03.gif) left bottom no-repeat;margin-right:30px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/e04.gif) right bottom no-repeat;height:28px;font-size:0;position:relative;right:-30px;} .ycntmod .rcl {padding-left:11px;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/e05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:11px;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/e06.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/zxcvbnm000qwe/xdgf/f01.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/f02.gif) right top no-repeat;height:22px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/f03.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/f04.gif) right bottom no-repeat;height:12px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:7px;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/f05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:7px;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/f06.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/zxcvbnm000qwe/xdgf/g01.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/g02.gif) right top no-repeat;height:35px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/g03.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/g04.gif) right bottom no-repeat;height:9px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:8px;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/g05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:8px;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/g06.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 flower 可愛框框*/ | |
| /*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/zz14723/123/g01.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/123/g02.gif) right top no-repeat;height:47px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/123/g03.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/123/g04.gif) right bottom no-repeat;height:35px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:8px;background:url(http://hk.geocities.com/zz14723/123/g05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:8px;background:url(http://hk.geocities.com/zz14723/123/g06.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 土撥鼠白底*/ |
| /*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/zxcvbnm000qwe/xdgf/b01.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/b02.gif) right top no-repeat;height:32px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/b03.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/b04.gif) right bottom no-repeat;height:32px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:15px;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/b05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:15px;background:url(http://hk.geocities.com/zxcvbnm000qwe/xdgf/b06.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 紅緞帶*/ | |
高鐵娃娃游標圖示 | /*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/zxcvbnm000qwe/01.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zxcvbnm000qwe/mid/02.gif) right top no-repeat;height:64px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/mid/03.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zxcvbnm000qwe/mid/04.gif) right bottom no-repeat;height:5px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:5px;background:url(http://hk.geocities.com/zxcvbnm000qwe/mid/05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:5px;background:url(http://hk.geocities.com/zxcvbnm000qwe/mid/06.gif) right repeat-y;} .ycntmod .text {position:relative;word-break:break-all;} .yc3pribd .ycntmod{overflow:visible;} .yc3pribd .ycntmod .yblogcnt{overflow:hidden;} /*高鐵娃娃游標圖*/ |
留言列表