ライブドアブログのサイドバー幅の変更について
色々調べてわからなかったので質問します。
ライブドアブログでサイドバーの幅を変更したいのですがどこを
いじればいいのか分かりません
具体的にはサイドバーの幅を大きくし画面に背景などいらない感じに
したいのです。
使用デザインはブログメディア(2ch,コバルトブルー,3カラム)を使用しています。
人さまのサイトなのですがこのブログ↓のサイドバーの幅にしたいです
http://blog.livedoor.jp/togurotogenkai/
この人はメイン(真ん中)の大きさも変更してるみたい…?
下の部分の数値のどこをどういじればいいのでしょうか?
/* =============================================== */
/** 02. Layout - レイアウト(全体の枠組み) */
/* ----------------------------------------------- */
body {
margin: 0;
padding: 0;
background-color: #fff;
}
#container {
width: 996px;
margin: 0 auto;
}
* html #container {
position: relative;
top: -1px;
}
*:first-child+html #container {
position: relative;
top: -1px;
}
#content {
background-color: #fff;
padding-top: 6px;
padding-bottom: 6px;
}
#main,
#sub,
#extra {
overflow: hidden;
}
/* 3col */
.message-board-outer {
margin: 0 215px;
background: url.message-board-outer-2 {
padding: 10px;
background: url
}
#main {
float: left;
display: inline;
width: 100%;
}
#main .column-inner {
margin: 0 215px;
padding-top: 2px;
}
#sub {
float: left;
display: inline;
width: 206px;
margin-left: -100%;
background: url
#extra .column-inner,
#sub .column-inner {
background: url}
#extra .column-inner-2,
#sub .column-inner-2 {
padding: 7px 6px;
background: url
#extra {
float: left;
display: inline;
width: 206px;
margin-left: -206px;
background: url
.calendarheadbody,
.sidetitlebody {
margin-bottom: 10px;
background: url
;
color: #fff;
}
.calendarheadbody .calendarhead,
.sidetitle {
padding: 5px 0 7px 15px;
text-align: left;
background: url
font-weight: bold;
}
.side {
margin: 0 0 30px 10px;
text-align: left;
}
/* ----------------------------------------------- */
/** clearfix */
#container:after,
#content:after,
ul.article-navigator:after,
ul.archives-navigator:after,
.article-body:after,
.article-body .article-body-more:after,
#trackback-form ul:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
/** hasLayout */
.blog-title-outer,
.archives-title,
.article-body,
.article-footer,
.article-title,
.pager,
ul,
.index-navigator-outer {
height: 1%;
}
/** peek-a-boo bug */
#trackback-form,
#trackbacks-list,
#comments-list,
#comment-form {
height: 1%;
作るのは乙女ゲーとかワンちゃんのブログです
調べてもかなり難しかったのでどうかよろしくお願いいたします(>_<)!
お礼
お返事ありがとうございます。 す・すごいです。 確かに幅の広い画像を使用すれば可能ですね。 気づきませんでした。 あと追加で footer.gif ⇒ footer_l.gifに変更して 完成しました。(^-^; 練習なのでもうすぐ削除しますが完成です↓ http://yakyuusyounenn2.sblo.jp/?1300122516 hiro98_webさまもさくらを使用しているのかな・・・(^-^; 本当にたすかりました。 これでブログを作成していけます。~