寶貝培培的部落格

做了兩種邊框方式 自由選擇

裁框寬為182 搭配加寬語法 請注意寬設定184 182 這樣邊框就會顯示出來

講解不懂 那麼請看以下範例..

請先選擇三欄式欄位 請將更新日期放置右欄  複製語法貼於自訂樣式

兩欄式版面窄欄在左即可顯示加大

.thrcol #yhtw_mastfoot {margin:0 auto;}
     .thrcol.class {min-width:900px;}
     .thrcol .ycnt3col {width:900px;text-align:left;margin:0 auto;}
     .thrcol .yc3mainbd {margin-left:184px;}
     .thrcol .yc3pribd {margin-right:10px;}
     .thrcol .yc3sec {position:absolute;width:182px;left:-10px;}
     .thrcol .yc3subbd {width:0px;}

有關版面窄欄語法請按連結

 各款版面窄欄加大寬度設定

裁框語法

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

傳統式邊框   適用所有欄位加寬語法

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

❣圖來自網站❣純屬個人喜好非營業商用行為…若侵權請告知刪除‥ 謝謝妳❣