livedoor ナレッジ

ブログの両側の隙間を無くして、
サイドバーをのびのびと使いたいです。

以前似たような質問をしたものです。
今回もよろしくお願いいたします。

クリスマス０５のデザインを使っています。
デザインの横の隙間をほぼ無くしたいです。

タイトルバナーを横に伸ばしたり、手間がかかるかと思いますが
ご教授していただけるとありがたいです。

＜背景＞
http://image.blog.livedoor.com/img/usr/xmas05/bg.g...

＜バナー＞
http://image.blog.livedoor.com/img/usr/xmas05/head...
を右クリックしてダウンロード。

下記を利用して、画像を拡大します。

・画像加工
http://knowledge.livedoor.com/2963
http://knowledge.livedoor.com/3167
・リサイズ・キャプチャ
http://knowledge.livedoor.com/2872

とりあえずは、こちらを使って画像を拡大して保存します。
http://www8.plala.or.jp/kusutaku/iview/
画像　→　リサイズ/リサンプル　→　（アスペクト比を保存にチェックを入れたまま）新しい大きさを指定

横幅を900ピクセルにしてみました。

＜背景＞の高さはなぜか2ピクセルのまま。
＜バナー＞の高さは388ピクセルとなります。
この画像をアップロードしておきます。



CSSの以下を変更します。

body{
width:100%;
height:100%;
margin:0;
padding:0px;
text-align:center;
font-family: verdana ,arial ,sans-serif;
background:#000000 url('アップロードした＜背景＞画像のアドレス') repeat-y 50% 100%;
}

#banner,#subbanner{
width:900px;
height:388px;
background:url('アップロードした＜バナー＞画像のアドレス') no-repeat;
text-align:left;
}

#content{
width:635px;
float:right;
margin-top:15px;
margin-bottom:20px;
}

.blog{
width:630px;
margin:0 5px 0 10px;
text-align:center;
}

#links{
width:245px;
float:left;
margin:25px 0 25px 5px;
padding-bottom:10px;
background-color:#fff;
}

.blogbody{
width:630px;
margin:0;
line-height:150%;
text-align:left;
background:#fff;
}

気になる場合は、
http://image.blog.livedoor.com/img/usr/xmas05/date...
もリサイズしてアップロードしてみて下さい。

表示が崩れたら元に戻してください。
バックアップは必須です。