24h購物| | PChome| 登入
2008-02-18 16:27:18 | 人氣12| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】三欄加寬左右靠邊站

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

 

 

三欄加寬左右靠邊站二度空間語法修正

如果您使用了三欄加寬語法，中間欄一定會縮減，此時可以利用左右些微的空間做調整

/*三欄加寬語法*/
.thrcol .yc3main {width:100%;float:left; margin-left:-190px;}
.thrcol .yc3mainbd {margin-left:190px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-190px;}
.thrcol .yc3pribd {margin-right:158px;margin-left:-35px;}
.thrcol .yc3subbd {width:180px;float:right;}
.thrcol .yc3sec {width:180px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:2;}
/*三欄左右靠邊站*/
.thrcol .yc3subbd {margin-right:-12px;}
.thrcol .yc3sec {margin-left:-45px;}

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

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

更多語法參考 :

http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=7489

 

 

 

 

我要檢舉
台長： 落葉之楓

您可能對以下文章有興趣

人氣(12) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 數位資訊(科技、網路、通訊、家電) | 個人分類: 部落格素材教學法綜合/其他 |
此分類下一篇:【部落格素材教學法】205款公告欄(四)
此分類上一篇:【部落格素材教學法】/*小眼睛製~甜甜和可愛滴小白熊 邊框套組*/

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