【部落格素材教學法】┌研坊物語┘自製NO.9 簡約韓國少女邊框套組＠☆★風吹向落葉。隨風飄落的楓葉。學習的園地-落葉之楓的新聞台★☆

2008-08-22 15:05:10 | 人氣18| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】┌研坊物語┘自製NO.9 簡約韓國少女邊框套組

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

┌研坊物語┘自製NO.9 - 簡約韓國少女邊框套組

NO-9.簡約韓國少女邊框

/*研坊物語製簡約韓國少女邊框*/

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {background:url(http://img372.imageshack.us/img372/8794/66633724lv7.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://img372.imageshack.us/img372/2391/22371327zp2.gif) right top no-repeat;height:79px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:url(http://img223.imageshack.us/img223/6373/91942089pm9.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://img204.imageshack.us/img204/1092/87434716hx7.gif) right bottom no-repeat;height:159px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:2px;background:url(http://img261.imageshack.us/img261/1797/51540323jp1.gif) repeat-y;}
.ycntmod .rcr {padding-right:2px;background:url(http://img261.imageshack.us/img261/9128/19092412li3.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;}

NO-9 訂閱.回應.引用語法

/* 俏研自製-回應.引用 */

div.btncomment a {display:block;height:140px;width:100px;background:url(http://i285.photobucket.com/albums/ll66/weewee_423/eef9a58f.gif) no-repeat;}

div.btntrackback a {display:block;height:140px;width:100px;background:url(http://i285.photobucket.com/albums/ll66/weewee_423/7b4f1f6d.gif) no-repeat;}

/*俏研自製 - 訂閱圖語法 */

div#btnsbsrb_nologin a, div#btnsbsrb a {display:block;width:100px;height:140px;overflow:hidden;background:url(http://i285.photobucket.com/albums/ll66/weewee_423/fd5287ef.gif) no-repeat;margin:0;}

★★ 另加大標題背景圖 ★★ 如要使用請加入以下語法.已有以下語法就不需再加喔!

/*大標題圖+背景圖*/

body{background:url(http://img182.imageshack.us/img182/9118/12891657mi6.gif) transparent no-repeat;background-position:50% 0;}
html{background:url(http://img370.imageshack.us/img370/2486/10276062lk4.gif) repeat-y;background-position:50% 0;}

/*自訂格名及部落格描述字*/

#yblogtitle .mbd,#yblogtitle .mft{background:transparent;color:#000F00;padding-top:310px;text-align:center; }
#yblogtitle h1, #yblogtitle a {color:#000F00; font-size:18px;font-weight:bolder;font-family:新細明體;}
#yblogtitle .tbd{height:50px }

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

.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;}