Thursday, January 5, 2012

3 ColumnのBlogに背景影をつける方法

/*
3 Column Blog背景変更する
-------------------------------
下記のCSSを変更して下さい。
/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(http://verma.org/mt_cgi/mt/mt-static/themes-base/blog.css);
@import url(http://verma.org/mt_cgi/mt/mt-static/themes/minimalist-red/screen.css);
/* end StyleCatcher imports */
#outer {
    marginauto;
    width955px;
    /*background-image: url("http://blog.verma.org/images/bg.png");*/
    background-imageurl("http://blog.verma.org/images/bg.png") repeat-y center top;
}

-------------------------------
[http://verma.org/mt_cgi/mt/mt-static/themes-base/blog.css]ファイルを下記のように変更する。
body {
    font: normal 13px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
    background-image:url("http://blog.verma.org/images/bg.png") repeat-y center top;
    background-position: center;
    margin: 0;
    padding: 0;
}
-------------------------------
[http://verma.org/mt_cgi/mt/mt-static/themes/minimalist-red/screen.css]ファイルを下記のように変更する。
#header {
    border-top-width: 10px;
    border-top-style: solid;
    width: 937px;
    margin-left: 9px;

#footer { 
    background-color: #470101;
    width: 937px;
    margin-left: 9px;

#content {
    /*background-color: #fff;*/
    background:url("http://blog.verma.org/images/bg.png") repeat-y center top;
}