【部落格素材教學法】ੴ. .喵喵自製無望的天空邊框 ܤ＠☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2008-05-01 11:20:23 | 人氣21| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】ੴ. .喵喵自製無望的天空邊框 ܤ

ੴ. .喵喵自製無望的天空邊框 ܤ

喵喵又來發邊框嚕

希望大家會喜歡內

PS:文章請整篇複製，記得按下引用，勿移除ＬＯＧＯ

邊框預覽圖(實為動圖)

搭配邊框語法

/*隱藏左右欄位標題*/
.yc3sec .mhd,.yc3sub .mhd{display:none}
.yc3sec .mbd,.yc3sub .mbd{zoom:1;filter:alpha(opacity:0)}

/*隱藏文章欄位標題*/
.yc3pribd .mhd{display:none}
.yc3pribd .mbd{zoom:1;filter:alpha(opacity:0)}

邊框語法:

/*shared rounded corner for all modules喵喵自製無望的天空邊框*/

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}

.ycntmod .rctop {background:url(http://hk.geocities.com/a2266104/b3-01.gif) left top no-repeat;margin-right:5px;}

.ycntmod .rctop div {background:url(http://hk.geocities.com/a2266104/b3-2.gif) right top no-repeat;height:99px;font-size:0;position:relative;right:-5px;}

.ycntmod .rcbtm {background:url(http://hk.geocities.com/a2266104/b3-3.gif) left bottom no-repeat;margin-right:5px;}

.ycntmod .rcbtm div {background:url(http://hk.geocities.com/a2266104/b3-4.gif) right bottom no-repeat;height:25px;font-size:0;position:relative;right:-5px;}

.ycntmod .rcl {padding-left:10px;background:url(http://hk.geocities.com/a2266104/b3-5.gif) repeat-y;}

.ycntmod .rcr {padding-right:10px;background:url(http://hk.geocities.com/a2266104/b3-6.gif) right repeat-y;}

.ycntmod .text {position:relative;word-break:break-all;}

.yc3pribd .ycntmod{overflow:visible;}

.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}