♫ みんのブログ ♫

奇摩版型設定  分3欄 右邊 左邊 如圖下左邊設定一向都很窄 所以大家幾乎選擇右欄或三欄

現在我是不知道 是否有更棒的語法 因為我也是最近才使用左欄 為了製版

 我一直都是設定3欄  沒有多的選擇 現在也是 頂多右邊

最近製版開始也想試試左邊 換來換去 無意中 發現 原來左欄也可以寬欄 並非是語法

版型CCS語法分

右邊 加寬

.twocolga .yc3main {width:100%;float:left;}
.twocolga .yc3mainbd {margin-right:55px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:185px;position:absolute;right:0px;}
.twocolga .yc3sec {display:none;}
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:900px;margin:0 auto;}
.twocolga, .twocoldr{min-width:10px;}
.twocolga .ycnt3col, .twocoldr .ycnt3col {zoom:1;width:930px;text-align:left;margin:0 auto;}

三欄 加寬

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

左邊 窄欄

.thrcol.class {min-width:930px;}
.thrcol .ycnt3col {width:930px;text-align:left;margin:0 auto;}
.thrcol .yc3mainbd {margin-left:180px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:185px;left:0px;}
.thrcol .yc3subbd {width:0px;}

這三種

但是如果你想要左邊也是寬欄的話

直接設定選取左欄

左邊 窄欄

.thrcol.class {min-width:930px;}
.thrcol .ycnt3col {width:930px;text-align:left;margin:0 auto;}
.thrcol .yc3mainbd {margin-left:180px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:185px;left:0px;}
.thrcol .yc3subbd {width:0px;}

但是版型設定需要設定成三欄 將一個不會使用到的 標題 丟到右欄 這樣左欄也能加寬喔^^

是不是大家都知道阿 那就分享給不知道的初學適用吧!呵呵

補充說明: 好友自然提出 如果將

.thrcol.class {min-width:930px;}
.thrcol .ycnt3col {width:930px;text-align:left;margin:0 auto;}
.thrcol .yc3mainbd {margin-left:180px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:185px;left:0px;}
.thrcol .yc3subbd {width:0px;}

紅色部分去除掉 也可以變寬欄 翔霏測試一下 真的可以耶 也是一個方法 可是 文章或標題可能會有些微偏差 如圖下

文章外   文章內

但是如果覺得翔霏方法麻煩 可能這是一個比較簡單快速的方法喔!感謝自然時常與我討論!

本文出自翔霏寶貝屋