三欄式面板左右窄欄加寬

2010010701:42
經常被文章名稱、文章分類名稱過長,被阿虎強制換行造成不美觀感到困擾嗎?

 

跳脫阿虎部落格語法的限制,重新設定欄位加寬的語法,就能放大左右窄欄的寬度。

 

三欄式的面板,可以用下列幾種不同的語法,將左右窄欄加寬。

 

1. 三欄式面版,寬度990,【右側】窄欄加寬

 

 .thrcol #yhtw_mastfoot {margin:0 auto;}.thrcol.class {min-width:990px;}.thrcol .ycnt3col {width:990px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}.thrcol .yc3mainbd {margin-left:170px;}.thrcol .yc3pri {width:100%;float:right;}.thrcol .yc3pribd {margin-right:200px;}
.thrcol .yc3subbd {width:190px;float:left;position:absolute;right:5px;}.thrcol .yc3sec {width:160px;float:right;position:absolute;left:5px;}

 

 

2. 三欄式面版,寬度990,【左側】窄欄加寬

 

.thrcol #yhtw_mastfoot {margin:0 auto;}.thrcol.class {min-width:990px;}.thrcol .ycnt3col {width:990px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}.thrcol .yc3mainbd {margin-left:200px;}.thrcol .yc3pri {width:100%;float:right;}.thrcol .yc3pribd {margin-right:170px;}
.thrcol .yc3subbd {width:160px;float:left;position:absolute;right:5px;}.thrcol .yc3sec {width:190px;float:right;position:absolute;left:5px;}

 

 

3. 三欄式面版,寬度990,【左右側】窄欄同步加寬

 

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

 

選定上述其中一項格式,複製整段語法,按【管理部落格】,點選【面板設定】裡的【自訂樣式】,

再將複製好的語法,貼到自訂式樣表中最下方的空白處即可。

 

請參考我的部落格版面,採用【右側】窄欄加寬後,即使文章名稱很長,例如這篇總共有十一個字,也可以不必換行了。