Ads By Google
ブログの横幅の広げ方について
デザインを変えてから、何となく窮屈な感じがするので、ブログのトップ、両サイドバーなど全体的な横幅を広げたいと思っています。サイドバーは少しでいいのですが…本文の部分を大きくしたいと思っています。それと、サイドバーとの間にも少し隙間を入れられればと思っています。がURLです。
勿論ここでも検索してみましたが、
私のブログにはcontainerにwidthが書いてません。
変更できないのでしょうか?
宜しくお願いいたします。
2007-03-16 23:31の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(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です。
としきぴ堂:
ブログ(中央の本文のところ)だけ広げています。
#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頃に、障害があったみたいです。
開発日誌:
上記の日付の時間帯で、更新したりコメントを投稿したり、デザインを変えた人のなかに、内容の更新が止まってしまう障害が出ているそうです。その場合は、お問い合わせください。
サクラ 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です。
としきぴ堂:
ブログ(中央の本文のところ)だけ広げています。
#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頃に、障害があったみたいです。
開発日誌:
上記の日付の時間帯で、更新したりコメントを投稿したり、デザインを変えた人のなかに、内容の更新が止まってしまう障害が出ているそうです。その場合は、お問い合わせください。
回答レベル : 回答
ありがとうございました。
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番目の項目です。
「カスタマイズ」は、一番下までスクロールした左にあります。
お使いのテンプレートがなにかわからないので、桜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





