邊框內透明不是白色


首先


感謝好友



提供素材 我好喜歡



這是上面圖框裁框製作而成 寬度192 適合擺放欄位掛件等等…


因此不會顯示文章框 標題框 需搭配無框語法


以下數值搭配配合我的面板,套用真實狀況 ,需視你的版面調整!


●套用二欄式版面窄欄靠左加大寬度設定請先完成步驟→「選擇三欄位將更新日期移至右欄」●


#ymodupdate{display:none;}


.thrcol #yhtw_mastfoot {width:900px;margin:0 auto;}
.thrcol{min-width:900px;}
.thrcol .ycnt3col {zoom:1;width:900px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:192px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:192px;}
.thrcol .yc3subbd {width:190px;float:left;position:absolute;right:100px;} ←從這改文章欄左右數值
.thrcol .yc3sec {width:190px;float:right;position:absolute;left:-50px;} ←從這改文章欄左右數值


 


 


→ 請選擇二欄式版面窄欄靠右之設定 ←


.twocolga .yc3main {width:100%;float:left;}
.twocolga .yc3mainbd {margin-left:260px;} ←從這改文章欄左右數值
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:192px;position:absolute;right:-100px;} ←從這改窄欄左右數值
.twocolga .yc3sec {display:none;}
.twocolga #yhtw_mastfoot, .twocoldr
#yhtw_mastfoot {width:800px;margin:0 auto;}
.twocolga, .twocoldr{min-width:800px;}
.twocolga .ycnt3col, .twocoldr .ycnt3col {zoom:1;width:800px;text-align:left;margin:0 auto;}



/*三欄式版面加大寬度設定*/請選擇三欄式版面之設定

.thrcol #yhtw_mastfoot {width:1000px;margin:0 auto;}
.thrcol[class]{min-width:1000px;}
.thrcol .ycnt3col {zoom:1;width:1000px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:192px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:192px;}
.thrcol .yc3subbd {width:190px;float:left;position:absolute;right:0px;}
.thrcol .yc3sec {width:200px;float:right;position:absolute;left:0px;}


 


 



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



.ycntmod .rctop {zoom:1;background:transparent left top repeat;margin-right:0px;}
.ycntmod .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcbtm {zoom:1;background:transparent left bottom repeat;margin-right:0px;}
.ycntmod .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.ycntmod .rcl {padding-left:0px;background:transparent repeat;}
.ycntmod .rcr {zoom:1;padding-right:0px;background:transparent right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3sec .rctop, .yc3sub .rctop {background:transparent repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:0px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:transparent repeat;margin-right:0px;}
.yc3sec .rcbtm div, .yc3sub .rcbtm div {background:transparent right bottom no-repeat;height:0px;font-size:0;position:relative;right:-0px;}


 


 


.yc3sec .rctop, .yc3sub .rctop {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/b_1.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:25px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/b_3.gif) left bottom no-repeat;margin-right:0px;height:26px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:5px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/b_2.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {padding-right:0px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}


arrow
arrow
    全站熱搜

    寶貝培培 發表在 痞客邦 留言(0) 人氣()