close


語法限制後三欄式面板左右窄欄加寬語法



分類:教學分享

2009/01/31 16:50



在奇摩部落格語法限制後~之前的欄位加寬語法中因有負數值目前已無法使用


而原本的面板欄位寬度常因太窄大約只能容納130px寬的物件


而無法放一些大一些的圖或是音樂盒小玩意等請使用下方語法可以修改欄位寬度


三欄式面板請使用下方語法讓欄位加寬


 


 /*三欄式面版寬度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;}


 


/*三欄式面版寬度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;}


 


/*三欄式面版寬度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;}



 
如要使用欄位加寬語法請任選一種


語法註解:


語法中加大欄位設定欄位與網頁邊間距 200px 而欄位寬度再減10px 所以欄位實際寬度190px


如要面板欄位有設定框線圖要加大中間欄與窄欄間空隙時請將190px 再減少些如下圖(1)所指處


而如要讓窄欄與網頁邊有些距離不要靠太緊如下圖中(2)的地方 請修改語法中標示的


absolute;right:5px;及position:absolute;left:5px; 中的數字~~數字越大距離越寬



將語法貼到自訂式樣表中最底處


 


 


 


 



arrow
arrow
    全站熱搜

    蕾媽 發表在 痞客邦 留言(0) 人氣()