2008年9月5日 星期五

刪除 Google Blogger 版面裡的圓角圖形

一、請執行 Blogger 的 修改HTML 功能。
二、把不合適的圓角圖形拿掉(請刪除紅色部分);要不然就要把圖形改過再放回去。
  • 內容版面下方圓角圖形:
    #main-wrap1 {
    width:693px;
    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 */
    }

  • 內容版面上方圓角圖形:
    #main-wrap2 {
    float:left;
    width:100%;
    background: url("http://www1.blogblog.com/rounders3/corners_main_top.gif") no-repeat left top;
    padding:10px 0 0;
    }

  • 頁首版面上方圓角圖形:
    #header-wrapper {
    background:#335577 url("http://www2.blogblog.com/rounders3/corners_cap_top.gif") no-repeat left top;
    margin-top:22px;
    margin-right:0;
    margin-bottom:0;
    margin-left:0;
    padding-top:8px;
    padding-right:0;
    padding-bottom:0;
    padding-left:0;
    color:#ffffff;
    }

  • 頁首版面下方圓角圖形:
    #header {
    background:url("http://www.blogblog.com/rounders3/corners_cap_bot.gif") no-repeat left bottom;
    padding:0 15px 8px;
    }

  • 上功能版面下方圓角圖形:
    #sidebartop-wrap {
    background:#558866 url("http://www.blogblog.com/rounders3/corners_prof_bot.gif") no-repeat left bottom;
    margin:0px 0px 15px;
    padding:0px 0px 10px;
    color:#ffffff;
    }

  • 上功能版面上方圓角圖形:
    #sidebartop-wrap2 {
    background:url("http://www2.blogblog.com/rounders3/corners_prof_top.gif") no-repeat left top;
    padding: 10px 0 0;
    margin:0;
    border-width:0;
    }

  • 下功能版面上方圓角圖形:
    #sidebarbottom-wrap1 {
    background:#335577 url("http://www.blogblog.com/rounders3/corners_side_top.gif") no-repeat left top;
    margin:0 0 15px;
    padding:10px 0 0;
    color: #ffffff;
    }

  • 下功能版面下方圓角圖形:
    #sidebarbottom-wrap2 {
    background:url("http://www1.blogblog.com/rounders3/corners_side_bot.gif") no-repeat left bottom;
    padding:0 0 8px;
    }

  • 頁尾版面上方圓角圖形:
    #footer-wrap2 {
    background:#335577 url("http://www2.blogblog.com/rounders3/corners_cap_top.gif") no-repeat left top;
    color:#ffffff;
    }

  • 頁尾版面下方圓角圖形:
    #footer {
    background:url("http://www.blogblog.com/rounders3/corners_cap_bot.gif") no-repeat left bottom;
    padding:8px 15px;
    }

沒有留言:

張貼留言