框線圖及語法分享示範

95.12.6 新增


圖示↓

語法↓


　 ↓下列兩組聖誕框圖引用自：閃亮呆小妮&麻麻設計的聖誕框圖分享。

　


/*Shared rounded corner for all modules聖誕框圖m-0上*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/m01-1.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/m02-1.gif) right top no-repeat;height:38px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/m03-1.gif) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/m04.gif) right bottom no-repeat;height:25px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:22px;background:url(http://hk.geocities.com/zz14723/m05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:22px;background:url(http://hk.geocities.com/zz14723/m06.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聖誕框圖m0下*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/m01.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/m02.gif) right top no-repeat;height:42px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/m03.gif) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/m04.gif) right bottom no-repeat;height:30px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:22px;background:url(http://hk.geocities.com/zz14723/m05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:22px;background:url(http://hk.geocities.com/zz14723/m06.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聖誕框圖mas-內*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/mas1-1.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/gif/mas2-1.gif) right top no-repeat;height:18px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/mas3-1.gif) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/gif/mas4-1.gif) right bottom no-repeat;height:50px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:10px;background:url(http://hk.geocities.com/zz14723/gif/mas5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:10px;background:url(http://hk.geocities.com/zz14723/gif/mas6.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聖誕框圖mas上*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/mas1.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/gif/mas2.gif) right top no-repeat;height:39px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/mas3.gif) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/gif/mas4.gif) right bottom no-repeat;height:14px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:10px;background:url(http://hk.geocities.com/zz14723/gif/mas5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:10px;background:url(http://hk.geocities.com/zz14723/gif/mas6.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可愛小猴子框圖sm*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/sm1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/gif/sm2.gif) right top no-repeat;height:39px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/sm3.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/gif/sm4.gif) right bottom no-repeat;height:28px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:19px;background:url(http://hk.geocities.com/zz14723/gif/sm5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:2px;background:url(http://hk.geocities.com/zz14723/gif/sm6.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聖誕框圖cc-0*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/cc1-1.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/gif/cc2-1.gif) right top no-repeat;height:51px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/cc3-1.gif) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/gif/cc4-1.gif) right bottom no-repeat;height:17px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:6px;background:url(http://hk.geocities.com/zz14723/gif/cc5-1.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:6px;background:url(http://hk.geocities.com/zz14723/gif/cc6-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聖誕框圖cc0透空*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/cc1.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/gif/cc2.gif) right top no-repeat;height:51px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/cc3.gif) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/gif/cc4.gif) right bottom no-repeat;height:17px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:6px;background:url(http://hk.geocities.com/zz14723/gif/cc5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:6px;background:url(http://hk.geocities.com/zz14723/gif/cc6.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 聖誕小熊框圖mq*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/mq1.gif) left top no-repeat;margin-right:30px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/gif/mq2.gif) right top no-repeat;height:76px;font-size:0;position:relative;right:-30px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/mq3.gif) left bottom no-repeat;margin-right:30px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/gif/mq4.gif) right bottom no-repeat;height:28px;font-size:0;position:relative;right:-30px;}
.ycntmod .rcl {padding-left:22px;background:url(http://hk.geocities.com/zz14723/gif/mq5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:25px;background:url(http://hk.geocities.com/zz14723/gif/mq6.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 聖誕好禮ma*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/ma1.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/gif/ma2.gif) right top no-repeat;height:39px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/ma3.gif) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/gif/ma4.gif) right bottom no-repeat;height:33px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:14px;background:url(http://hk.geocities.com/zz14723/gif/ma5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:14px;background:url(http://hk.geocities.com/zz14723/gif/ma6.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 聖誕好禮透空ma0*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/ma01.gif) left top no-repeat;margin-right:7px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/gif/ma2-1.gif) right top no-repeat;height:39px;font-size:0;position:relative;right:-7px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/ma03.gif) left bottom no-repeat;margin-right:7px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/gif/ma4-1.gif) right bottom no-repeat;height:33px;font-size:0;position:relative;right:-7px;}
.ycntmod .rcl {padding-left:14px;background:url(http://hk.geocities.com/zz14723/gif/ma5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:14px;background:url(http://hk.geocities.com/zz14723/gif/ma6.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 聖誕老人框圖me*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/me1.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/gif/me2.gif) right top no-repeat;height:72px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/me3.gif) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/gif/me4.gif) right bottom no-repeat;height:16px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:13px;background:url(http://hk.geocities.com/zz14723/gif/me5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:13px;background:url(http://hk.geocities.com/zz14723/gif/me6.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 可愛喵喵cg*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/cg1.gif) left top no-repeat;margin-right:30px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/gif/cg2.gif) right top no-repeat;height:35px;font-size:0;position:relative;right:-30px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/cg3.gif) left bottom no-repeat;margin-right:30px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/gif/cg4.gif) right bottom no-repeat;height:45px;font-size:0;position:relative;right:-30px;}
.ycntmod .rcl {padding-left:22px;background:url(http://hk.geocities.com/zz14723/gif/cg5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:26px;background:url(http://hk.geocities.com/zz14723/gif/cg6.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 圍巾喵喵cg*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/cr1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/gif/cr2.gif) right top no-repeat;height:79px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/cr3.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/gif/cr4.gif) right bottom no-repeat;height:21px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:45px;background:url(http://hk.geocities.com/zz14723/gif/cr5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:6px;background:url(http://hk.geocities.com/zz14723/gif/cr6.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 愛心鋼琴lp*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/lp1.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/zz14723/gif/lp2.gif) right top no-repeat;height:24px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zz14723/gif/lp3.gif) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/zz14723/gif/lp4.gif) right bottom no-repeat;height:76px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:11px;background:url(http://hk.geocities.com/zz14723/gif/lp5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:12px;background:url(http://hk.geocities.com/zz14723/gif/lp6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

最新十組~聖誕框線圖及可愛寵物框線圖分享~


　


～聖誕佳節來臨～


～可愛的聖誕框圖出動囉～


～為您的格子添加快樂氣氛，聖誕框圖分享，祝您開心如意～　


arrow
arrow
    全站熱搜

    彤 發表在 痞客邦 留言(2) 人氣()

    E-mail轉寄