【部落格素材教學法】芯誼製韓國娃娃吊飾蕾絲框148.149+套組（另加大標題及背景圖）＠☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2008-07-23 20:15:49 | 人氣19| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】芯誼製韓國娃娃吊飾蕾絲框148.149+套組（另加大標題及背景圖）

芯誼製韓國娃娃吊飾蕾絲框148.149+套組（另加大標題及背景圖）

左右160px
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:160px;}
.thrcol .yc3subbd {width:157px;float:right;}
.thrcol .yc3sec {width:157px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri, .thrcol .yc3main{z-index:10;}

芯誼製韓國娃娃吊飾蕾絲框148

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {background:url(http://hk.geocities.com/hhhe88999/208-1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/hhhe88999/208-2.gif) right top no-repeat;height:76px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:url(http://hk.geocities.com/hhhe88999/208-3.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/hhhe88999/208-4.gif) right bottom no-repeat;height:158px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:6px;background:url(http://hk.geocities.com/hhhe88999/208-5.gif) repeat-y;}
.ycntmod .rcr {padding-right:6px;background:url(http://hk.geocities.com/hhhe88999/208-6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

芯誼製吊飾蕾絲框149

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {background:url(http://hk.geocities.com/hhhe88999/208-1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/hhhe88999/208-2.gif) right top no-repeat;height:76px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:url(http://hk.geocities.com/hhhe88999/208-03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/hhhe88999/208-04.gif) right bottom no-repeat;height:68px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:6px;background:url(http://hk.geocities.com/hhhe88999/208-5.gif) repeat-y;}
.ycntmod .rcr {padding-right:6px;background:url(http://hk.geocities.com/hhhe88999/208-6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

另加大標題背景圖～

ps如要使用請加入以下語法～

已有以下語法就不需再加囉～

/*大標題圖背景+背景圖*/
body{background:url(http://hk.geocities.com/hhhe88999/208-11.gif) transparent no-repeat;background-position:50% 0;}
html{background:url(http://hk.geocities.com/hhhe88999/208-12.gif) # repeat-y;background-position:50% 0;}

/*自訂格名及部落格描述字*/
#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#FFE1F0;padding-top:410px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color:#C3A578; font-size:18px;font-weight:bolder;font-family:新細明體;}
#yblogtitle .tbd{height:20px }

/*三欄式版面寬度設定*/

.thrcol #yhtw_mastfoot {width:990px;margin:0 auto;}
.thrcol[class]{min-width:990px;behavior:none;}
.thrcol .ycnt3col {zoom:1;width:990px;text-align:left;margin:0 auto;}

/*橫框標題圖無框語法使用firefox透明度不會破功*/
#yblogtitle .rctop{background:left top no-repeat;margin-right:0px;}
#yblogtitle .rctop div{background:right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:repeat-y;}
#yblogtitle .rcr{background:right repeat-y;}
#yblogtitle .rcbtm {background:left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:right bottom no-repeat;height:0px;right:-0px;}