部落格改版紀念! @ Laibonbon's Blog

Laibonbon Blog重新開張!!!
並加上主人的愛兔照點睛~

由於之前的版面被自己改CCS改壞了
所以只好換一個新的版，再調整一些版面大小
謝謝原版的製作人把CCS格式寫得很清楚
不過Laibonbon還是摸了很久才喬好 XD~
請看以下例 :

/*--所有內容--*/
#container{
    border: 4px solid #B24145;
    width:1100px ;                              <--最外框的大小
    margin:0px auto 0px auto ;
    background: #D8DEBA ;
}

/*--主要內容區--*/
#content{
    width:850px ;    <--文章內容的大小
    overflow:auto; /*當內容超過時顯示捲軸*/
    word-wrap : break-word;
    float:left ;
    background: #D8DEBA ;
    padding:0px ;
    *margin-left: 0px !important;  <--將主文塊移到最左邊
    margin-left: 203px ;
    *margin-left: 100px ;
}

/*--側邊欄位區--*/
#links{
    width:200px ; <--側邊欄位的大小
    float:right;
    margin-left:0px ;
}

/*--三欄式的第一欄--*/
#links-row-1{
    background: #D8DEBA;
    width:233px ;
    overflow-x:auto; /*當內容超過時顯示水平(x軸)捲軸*/
    word-wrap : break-word;
    float:left ;
    position:relative ;
    margin-left: -40px ; <--把側邊欄移到右側的關鍵，原本是-767px
                                           (不懂為何是在這裡改，加margin-left: 0px 無效)
}

Posted by Laibonbon at 痞客邦 PIXNET Comments(1) Trackback(0) Hits(158)