2008年2月CSS新制兩欄式左加寬(二度空間)編輯日期 2008/03/04

前言：配合CSS-2008年2月新制語法，用此語法美中不足之處，文章欄不得貼超出中間欄寬設定值之圖片或影音連結檔，否則有欄框重疊之現象，同時在此呼籲尋找語法高手，望能突破此語法之缺陷，感激不盡，以下參考語法：

/*註解*/可以同時複製貼上，奇摩很雞婆，會幫你清掉！

PS：用此語法，必須同時使用"更新日期"欄隱藏語法。

應用步驟：(使用三欄當兩欄用的原因是：和置頂欄有較好的協調性)

先將版型調成三欄式，然後再將"更新日期"欄調整在右欄位，其它則放置在左欄位，如圖：

範例圖

然後再複製下列所需語法貼入自訂樣式中。

貼語法路徑→管理部落格→面板設定→自訂樣式→加入語法→確定

自訂樣式檢圖說明範例→ http://xs320.xs.to/xs320/07421/W6-4.jpg

/*左欄160px*/
#ymodupdate,#yhtw_mastfoot{display:none;}
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:160px;left:5px;}
.thrcol .yc3subbd {width:0px;}

/*左欄170px*/
#ymodupdate,#yhtw_mastfoot{display:none;}
.thrcol .yc3mainbd {margin-left:170px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:170px;left:5px;}
.thrcol .yc3subbd {width:0px;}

/*左欄180px*/
#ymodupdate,#yhtw_mastfoot{display:none;}
.thrcol .yc3mainbd {margin-left:180px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:180px;left:5px;}
.thrcol .yc3subbd {width:0px;}

/*左欄190px*/
#ymodupdate,#yhtw_mastfoot{display:none;}
.thrcol .yc3mainbd {margin-left:190px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:190px;left:5px;}
.thrcol .yc3subbd {width:0px;}

/*左欄210px*/
#ymodupdate,#yhtw_mastfoot{display:none;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:210px;left:5px;}
.thrcol .yc3subbd {width:0px;}

/*左欄230px*/
#ymodupdate,#yhtw_mastfoot{display:none;}
.thrcol .yc3mainbd {margin-left:230px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:230px;left:5px;}
.thrcol .yc3subbd {width:0px;}

/*左欄250px*/
#ymodupdate,#yhtw_mastfoot{display:none;}
.thrcol .yc3mainbd {margin-left:250px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:250px;left:5px;}
.thrcol .yc3subbd {width:0px;}

示範連結：http://tw.myblog.yahoo.com/jw!MKo7tK2aCR_1ksLizWs-/article?mid=5&prev=-1&next=1