解決済

ブログの横幅の広げ方について

デザインを変えてから、何となく窮屈な感じがするので、ブログのトップ、両サイドバーなど全体的な横幅を広げたいと思っています。サイドバーは少しでいいのですが…本文の部分を大きくしたいと思っています。それと、サイドバーとの間にも少し隙間を入れられればと思っています。
がURLです。

勿論ここでも検索してみましたが、
私のブログにはcontainerにwidthが書いてません。

変更できないのでしょうか?

宜しくお願いいたします。

2007-03-16 23:31の質問
ブログ  
ブログ
ブログ のかわいいポータルサイト ヤプログ!
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(2)

2.

2007-03-20 09:12:10ベスト
 サクラ 3カラムですね。確認したつもりで、見落としていたみたいです(*_ _)人ゴメンナサイ。

 サクラ 3カラムの変更後のCSSです。
#blogcontainer{
width:975px;
text-align:center;
margin:0 auto;
}

#wrapper{
width:785px;
float:left;
text-align:center;
}

#content{
width:595px;
float:right;
text-align:center;
margin:0 auto;

}

#blog{
width:575px;
margin:0 auto;
text-align:left;
}

#lefttop,#righttop{}

#left{
width:190px;
float:left;
padding-top:28px;
}

#right{
width:190px;
float:right;
padding-top:28px;
}
↑は、あたしのCSSです。
 としきぴ堂:http://blog.livedoor.jp/toshikipi/
 ブログ(中央の本文のところ)だけ広げています。

#blogcontainer width:975px →もとは775px

#wrapper width:785px →もとは585px

#content width:595px →もとは395px

#blog width:575px →もとは375px

#left width:190px →変更なし

#right width:190px →変更なし

と、本文を広げた200pxを、それぞれに加算しています。
 サイドバーを広げる場合は、上記の変更なしのところのwidthの数値をあげます。あげた分を#blogcontainerのwidthに加算します。それで表示は崩れないはずです。

 3/17 21:00頃~24:00頃に、障害があったみたいです。
開発日誌:http://blog.livedoor.jp/staff/archives/50560878.ht...
 上記の日付の時間帯で、更新したりコメントを投稿したり、デザインを変えた人のなかに、内容の更新が止まってしまう障害が出ているそうです。その場合は、お問い合わせください。
回答レベル : 回答

ありがとうございました。

1.

2007-03-17 08:56:05
 CSSの編集画面で、widthが記述されていないといことでしょうか。

 お使いのテンプレートがなにかわからないので、桜2カラムを例にします。

#blogcontainer{
width:775px;
text-align:center;
margin:0 auto;
}

#content{
width:575px;
float:left;
text-align:center;
padding-bottom:30px;
}


#blog{
width:575px;
text-align:left;
margin:0 auto;
}

#links{
float:right;
margin:0 auto;
width:190px;
padding:28px 0 50px;
}
というところが、トップから少しスクロールしてさがったあたりにあります。

#blogcontainerが全体の幅。
#contentはブログを収容する幅。←ちょっと自信ないです。でも、ここを広げないでほかを広げると表示が崩れます。
#blogはブログの幅で、ここを広げると大きな画像が表示できます。
#linksがサイドバー(プラグイン)の幅です。3カラムではleft、rightとなっています。

#contentは、変更した#blogの幅と同じにしてよいはずです。
↑ここは自信がありません。

#blogと#linksの幅の増加分を#blogcontainerの幅にそのまま加算します。たとえば#blogと#linksの増加分が60pxだったら、それをデフォルトの#blogcontainerの幅に加算します。

 もしくは、#blog幅500pxで#linksを210pxに変更した場合、以下の計算結果を#blogcontainerの幅にしてもよいようです。
500pxpx+210+10px=720px(2カラム)
500pxpx+210+20px=720px(3カラム)
 10pxや20pxは、ブログとサイドバーの間のゆとりのようです。

 なお、CSSの編集ページは、Livedoorblog管理画面>カスタマイズ/管理>デザインの設定>カスタマイズで、CSSの編集画面という順で行けます。
 「カスタマイズ/管理」は画面の上の方、管理トップページという項目の2個右にあります。
 「デザインの設定」は、画面左の「ブログの設定/管理」の2番目の項目です。
 「カスタマイズ」は、一番下までスクロールした左にあります。
回答レベル : 回答
Ads By Google

コメント(1)

#1.  kazunobu
2007-03-18 17:23:15

回答、ありがとうございます。
サクラの3カラムです。
宜しくお願いいたします。

トラックバック

トラックバックURL: