寶貝培培的部落格

熊熊框語法 三欄位加寬語法

.thrcol #yhtw_mastfoot {width:980px;margin:0 auto;}
.thrcol{min-width:980px;}
.thrcol .ycnt3col {zoom:1;width:980px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:200px;float:left;position:absolute;right:0px;}
.thrcol .yc3sec {width:200px;float:right;position:absolute;left:5px;}

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/y1pZ12-1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/y1pZ12-2.gif) right top no-repeat;height:39px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/y1pZ12-3.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/y1pZ12-4.gif) right bottom no-repeat;height:12px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:4;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/y1pZ12-5.gif) repeat-y;}
.ycntmod .rcr {padding-right:4px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/y1pZ12-6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

原愛兔框寬幅150 2008年制作2011年重新製作加寬180

.thrcol #yhtw_mastfoot {width:980px;margin:0 auto;}
.thrcol{min-width:980px;}
.thrcol .ycnt3col {zoom:1;width:980px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:190px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:190px;}
.thrcol .yc3subbd {width:180px;float:left;position:absolute;right:0px;}
.thrcol .yc3sec {width:180px;float:right;position:absolute;left:5px;}

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.yc3sec .rctop, .yc3sub .rctop {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/1036.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:90px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/1036-2-1.gif) left bottom no-repeat;margin-right:0px;height:8px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:0px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/1036-3-1.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {padding-right:12px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

熊熊框與愛兔框 同時搭配使用

.thrcol #yhtw_mastfoot {width:980px;margin:0 auto;}
.thrcol{min-width:980px;}
.thrcol .ycnt3col {zoom:1;width:980px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:190px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:190px;}
.thrcol .yc3subbd {width:180px;float:left;position:absolute;right:0px;}
.thrcol .yc3sec {width:180px;float:right;position:absolute;left:5px;}

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/y1pZ12-1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/y1pZ12-2.gif) right top no-repeat;height:39px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/y1pZ12-3.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/y1pZ12-4.gif) right bottom no-repeat;height:12px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:4;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/y1pZ12-5.gif) repeat-y;}
.ycntmod .rcr {padding-right:4px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/y1pZ12-6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.yc3sec .rctop, .yc3sub .rctop {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/1036.gif) left top no-repeat;margin-right:0px;}
.yc3sec .rctop div, .yc3sub .rctop div {background:transparent right top no-repeat;height:90px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcbtm, .yc3sub .rcbtm {background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/1036-2-1.gif) left bottom no-repeat;margin-right:0px;height:8px;font-size:0;position:relative;right:-0px;}
.yc3sec .rcl, .yc3sub .rcl {padding-left:0px;background:url(http://i190.photobucket.com/albums/z29/Beowolf0129/1036-3-1.gif) repeat-y;}
.yc3sec .rcr, .yc3sub .rcr {padding-right:12px;background:transparent right repeat-y;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}

三欄式左右欄位加寬語法 點我

各款版面窄欄加寬度設定 點我

不顯示標題橫框語法
#yblogtitle .rctop{background:left top no-repeat;margin-right:0px;}
#yblogtitle .rctop div{background:right top no-repeat;height:20px;right:-0px;}
#yblogtitle .rcl{background:repeat-y;}
#yblogtitle .rcr{background:right repeat-y;}
#yblogtitle .rcbtm {zoom:1;background:left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:right bottom no-repeat;height:20px;right:-0px;}