close

本站所使用的語法大都也取自各部落格達人的教學


以下是取自 晨曦乍現 部落格


加寬自定欄位的教學-三欄式


 


.thrcol #yhtw_mastfoot {margin:0 auto;}.thrcol.class {min-width:1260px;}.thrcol .ycnt3col {width:1260px;text-align:left;margin:0 auto;}


.thrcol .yc3main {width:100%;float:left;}.thrcol .yc3mainbd {margin-left:250px;}.thrcol .yc3pri {width:100%;float:right;}.thrcol .yc3pribd {margin-right:245px;}


.thrcol .yc3subbd {width:250px;float:left;position:absolute;right:-12px;}.thrcol .yc3sec {width:245px;float:right;position:absolute;left:2px;}


 


 


但試用後欄位產生問題


因此將語法做了一些修改如下:


 


.thrcol #yhtw_mastfoot {margin:0 auto;}.thrcol.class {min-width:1260px;}.thrcol .ycnt3col {width:1260px;text-align:left;margin:0 auto;}


.thrcol .yc3main {width:100%;float:left;}.thrcol .yc3mainbd {margin-left:250px;}.thrcol .yc3pri {width:100%;float:right;}.thrcol .yc3pribd {margin-right:245px;}


.thrcol .yc3subbd {width:250px;float:left;position:absolute;right:-12px;}.thrcol .yc3sec {width:245px;float:right;position:absolute;left:2px;}


 


紅色字體是左右欄位可設定的寬度


可視個人需求調整與主欄位的間距


 


 


從右上方的管理部落格->面板設定->自訂樣式


將語法貼在最下方即可


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Alan 的頭像
    Alan

    Alan點茶 ( 茶 茶道具 宗教 歡喜生活)

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