サイドバーの幅の変更。

デザインはシンプルのVivid Style（2カラム）を使っています。

サイドバーの幅を、幅３００～３５０くらいの画像が埋め込めるようにしたいのですが方法を教えてください。

その際、このデザインは、画像の編集が必要だと思うのですが、難しいのでしょうか？

難しいのであれば、サイドバーの背景画像は消してしまってもいいです。

サイドバー、全体の幅を広げることによって、バランスがおかしくなりそうなので、タイトル部分のテーブルも中央に持ってきたいのですが、その方法も教えてください。

このデザインに対する回答お願いいたします。

一応URLのせておきます。

前略(・ω・)ノ
まずココは『ナレッジ』という性質上？「スタイルが壊れた！」などの質問には回答が付き易いですが、個別のスタイルリニューアル相談には付きにくい風潮もあるみたいなのでご了承ください。今回は最小限ですが要点だけお答えさせていただきます。

で、文字数制限(1000文字)もあるので、本題へ↓

StyleSheetと一部の画像の差し替えで実現可能です

まずStyleSheetは↓

 92: #container{
 93:    width:783px;
 94:    background:url(http://parts.blog.livedoor.jp/img/usr/vivid_style/title.gif) no-repeat;
 95:    margin:0 auto;
 96:    text-align:center;
 97: }

↑の部分が「全体の外枠」なので、93行目の全体幅を950位に。で、

162: #sidecolumn{
163:    float:left;
164:    width:218px;
165: }

↑の部分が「サイド」なので、164行目を380位に。とりあえずこれで全体の幅がご要望通りになります。
この時、タイトル部分は勝手に中央になってるので気にしなくてもOKかも。で背景画像の指定箇所ですが、タイトル部分の背景画像が↑94行目で指定されてますので自作してURLを指定すればOK。ただ「横幅」が元の幅と同じ783pxで作られてるので、これを950px位にした方がいいでしょう。

あと、サイドの背景画像の指定場所は441行目以降の↓

446: .sidetitle{
447:    background:url(http://parts.blog.livedoor.jp/img/usr/vivid_style/side_top.gif) no-repeat;
～略～
459: .side{
460:    background:url(http://parts.blog.livedoor.jp/img/usr/vivid_style/side_middle.gif) repeat-y;
～略～
477: .sidebottom{
478:    background:url(http://parts.blog.livedoor.jp/img/usr/vivid_style/side_bottom.gif) no-repeat;

↑が、サイドの各四角形の「上/中/下」の画像で、今の幅は全てサイドの幅と同じ218pxになってるので、これを380位にすれば見栄えも整うと思います。

上記ご提案は、とりあえず当方で実践し、1024x768のモニターで、IE6.0とFirefox1.5での表示を確認しております。

Blogを拝見するとデザインがとても上手な方のようなので、あとは、是非ご自分でStyleSheetを学ばれて、調整してみてください。慣れれば今回の単純な提案よりも細かくステキな変更ができるハズです。


以上、最低限で恐縮ですが、参考になれば幸いです(・ω・)ノ