2008年9月5日 星期五

設定 Google Blogger 版面寬度

一、請執行 Blogger 的 修改 HTML 功能。
二、設定各版面寬度。
  • 版面寬度:740px => 990px
    /* Page Structure
    ----------------------------------------------- */
    /* The images which help create rounded corners depend on the
    following widths and measurements. If you want to change
    these measurements, the images will also need to change.
    */
    #outer-wrapper {
    width:740px;
    margin:0 auto;
    text-align:left;
    font: normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
    }

  • 內容版面寬度:485px => 693px
    #main-wrap1 {
    width:485px;
    float:left;
    background:#eeeecc url("http://www1.blogblog.com/rounders3/corners_main_bot.gif") no-repeat left bottom;
    margin:15px 0 0;
    padding:0 0 10px;
    color:#333333;
    font-size:97%;
    line-height:1.5em;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

  • 功能版面寬度:240px => 280px
    #sidebar-wrap {
    width:240px;
    float:right;
    margin:15px 0 0;
    font-size:97%;
    line-height:1.5em;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

  • 文章版面寬度:484px => 693px
    .main .Blog {
    margin: 0;
    padding: 0;
    width: 484px;
    }

沒有留言:

張貼留言