2008年10月06日
マメのブログの横幅調整について
こんばんわ、ソラマメのブログを初めて作成したのですが、画面の中央にブログが出来てしまって
両サイドが開いてしまいます。
画像も横スクロールしないと見えないし、文章も右端が切れてしまいます。
他の方のブログを見ると画面一杯に表示されていて、とても広々と見えます。
ソラマメのブログの横幅を拡大するにはどうしたら良いのでしょうか?
両サイドが開いてしまいます。
画像も横スクロールしないと見えないし、文章も右端が切れてしまいます。
他の方のブログを見ると画面一杯に表示されていて、とても広々と見えます。
ソラマメのブログの横幅を拡大するにはどうしたら良いのでしょうか?
Posted by TECCHIN(てっちん)
at 20:45
│Comments(3)
テンプレートのカスタマイズ
スタイルシートと辿ります。
すると以下の部分があるので確認してください、おそらくソラマメでは共通の書き方?をしてると思うので以下の部分を編集すれば幅などの調整は出来ると思います。
1で1040とすれば100px幅が広がります。
最初に1を変更しないと、2だけでははみ出します。
つまり2を790にしたいなら、1を1140にする必要があります。
しかしサイズを大幅に広げると、他の部分にも影響が出るので程々に、問題が出たら、元の数値に少しずつ戻すと良いポイントが見つかります。
サイズを広げると、タイトルのバナー部分の隅々に空間が出来るので、画像サイズも大きくする必要があります。(同じ幅にする)
このスタイルシートは色々と書き換える事で、細かい設定も出来ますが、ある程度の知識が必要になってくるので分からない時はまた質問すれば誰か答えてくれるかと思います。
1
#container{
font-size:12px;
width:940px;ここテンプレートの横幅
background-color:#ffffff;背景色
margin:0px auto;
text-align:left;
}
2
#content{
width:590px;ここ記事の部分
float:right;
background-color:#ffffff;
padding:20px 5px 20px 5px;
}
3
#links{
width:160px;ここサイドバーなど
float:left;
text-align:left;
margin:0px 0px 0px 0px;
padding:20px 5px 20px 5px;
background-color:#ffffff;
overflow:hidden;
}
#links2{
width:160px;
float:right;
text-align:left;
margin:0px 0px 0px 0px;
padding:20px 5px 20px 5px;
background-color:#ffffff;
overflow:hidden;
}
さっそくいじってみます、
ありがとうございました^^
3カラム シンプルレッド(幅100%)
とか。