2008-04-10 15:47:02 落葉之楓

【部落格素材教學法】2008年2月CSS新制三欄左右加寬(二度空間)

 

2008年2月CSS新制三欄左右加寬(二度空間)重新編輯日期 2008/03/02

前言:配合CSS-2008年2月新制語法,用此語法美中不足之處,因受限於奇摩新制訂格式,只能加寬左欄,右欄上限為160px,另外文章欄不得貼超出中間欄寬設定值之圖片或影音連結檔,否則有欄框重疊之現象,同時在此呼籲尋找語法高手,望能突破此語法之缺陷,感激不盡,以下參考語法:

PS :先前引用作廢,因進行複製動作會產生錯誤

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

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

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

/*左右140px-中間增大*/
.thrcol .yc3mainbd {margin-left:140px;}
.thrcol .yc3pribd {margin-right:144px;}
.thrcol .yc3sec {position:absolute;width:140px;left:5px; }
.thrcol .yc3subbd {width:140px;}

/*左右160px-中間縮*/
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pribd {margin-right:164px;}
.thrcol .yc3sec {position:absolute;width:160px;left:5px;}
.thrcol .yc3subbd {width:160px;}

/*左180px右140px-中間縮*/
.thrcol .yc3mainbd {margin-left:180px;}
.thrcol .yc3pribd {margin-right:144px;}
.thrcol .yc3sec {position:absolute;width:180px;left:5px; }
.thrcol .yc3subbd {width:140px;}

/*左180px右160px-中間縮*/
.thrcol .yc3mainbd {margin-left:180px;}
.thrcol .yc3pribd {margin-right:164px;}
.thrcol .yc3sec {position:absolute;width:180px;left:5px; }
.thrcol .yc3subbd {width:160px;}

/*左190px右140px-中間縮*/
.thrcol .yc3mainbd {margin-left:190px;}
.thrcol .yc3pribd {margin-right:144px;}
.thrcol .yc3sec {position:absolute;width:190px;left:5px; }
.thrcol .yc3subbd {width:140px;}

/*左190px右160px-中間縮*/
.thrcol .yc3mainbd {margin-left:190px;}
.thrcol .yc3pribd {margin-right:164px;}
.thrcol .yc3sec {position:absolute;width:190px;left:5px; }
.thrcol .yc3subbd {width:160px;}

/*左210px右140px-中間縮*/
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pribd {margin-right:144px;}
.thrcol .yc3sec {position:absolute;width:210px;left:5px; }
.thrcol .yc3subbd {width:140px;}

/*左210px右160px-中間縮*/
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pribd {margin-right:164px;}
.thrcol .yc3sec {position:absolute;width:210px;left:5px; }
.thrcol .yc3subbd {width:160px;}

/*左240px右120px-中間縮*/
.thrcol .yc3mainbd {margin-left:240px;}
.thrcol .yc3pribd {margin-right:124px;}
.thrcol .yc3sec {position:absolute;width:240px;left:5px; }
.thrcol .yc3subbd {width:120px;}

/*左230px右130px-中間縮*/
.thrcol .yc3mainbd {margin-left:230px;}
.thrcol .yc3pribd {margin-right:134px;}
.thrcol .yc3sec {position:absolute;width:230px;left:5px; }
.thrcol .yc3subbd {width:130px;}

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