24h購物| | PChome| 登入
2008-07-23 20:15:49 | 人氣19| 回應0 | 上一篇 | 下一篇

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

推薦 0 收藏 0 轉貼0 訂閱站台

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

 
 芯誼blog 
 
 

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

 

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

芯誼製吊飾蕾絲框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;}
 
 

 
 
 


 

 

 

↑從此複製

 

 

台長: 落葉之楓

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文