24h購物| | PChome| 登入
2008-03-03 15:37:04 | 人氣42| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】2008年2月CSS新制三欄左右加寬，重新編輯日期 2008/03/02

推薦 0 收藏 0 轉貼0 訂閱站台

 

2008年2月CSS新制三欄左右加寬，重新編輯日期 2008/03/02

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

除上述問題以外，應用上有其它問題，請務必回報，謝謝！

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

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

/*左右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

 

 

 

我要檢舉
台長： 落葉之楓

您可能對以下文章有興趣

人氣(42) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 數位資訊(科技、網路、通訊、家電) | 個人分類: 部落格素材教學法綜合/其他 |
此分類下一篇:【部落格素材教學法】部落格版型(43) Cute couple
此分類上一篇:【部落格素材教學法】問情隨機動態背景（三）

我要回應
否 是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼：
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文