Ads By Google
デザインの幅を広げたい
現在「Tokyo-Drive 02」のデザインを使用していますが、サイドバー及び記事の部分の幅を広げたいです。Wikiやここのログを見て実際にやってみましたが、うまくいきません。
サイドバーが落ちるんですよね^^;
どなたか教えてもらえますか?よろしくお願いします。
2006-03-15 09:41の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
2.
2006-03-15 12:57:30

回答1の例でいくと、
画像の変更不要なものは、次の2種類です。
そのほかの画像は変更が必要です。
まずは、タイトルの背景 +100px増加
全体の背景 +100px増加
それ以外の背景はすべて30px増やす必要があります。
ちょっと沢山ありすぎて、やる気なくしそうですね。
ただ、最初のタイトル背景以外は幅を広げるだけで問題は生じなさそうですね。
タイトルの背景は写真が入ってるので、見栄えを良くするのは工夫が必要かもしれません。
画像の変更不要なものは、次の2種類です。
そのほかの画像は変更が必要です。
まずは、タイトルの背景 +100px増加
全体の背景 +100px増加
それ以外の背景はすべて30px増やす必要があります。
ちょっと沢山ありすぎて、やる気なくしそうですね。
ただ、最初のタイトル背景以外は幅を広げるだけで問題は生じなさそうですね。
タイトルの背景は写真が入ってるので、見栄えを良くするのは工夫が必要かもしれません。
1.
2006-03-15 10:29:55
3カラムは少しややこしいので、とりあえず全体を100px広げた場合のwidth数値を書きますので、実際に試して原理を理解してみてください
#container 775→875px
#blogcontainer 753→853px
#wrapper 564→634px
#content 375→415px
#left 177→207px
#right 177→207px
containerの中に blogcontainerが、
blogcontainerの中に wrapperとrightが、
wrapperの中にcontentとleftが、
それぞれ入っているので、おさまるように数値を増やしていかなくてはいけません
ただ、このデザインは記事やサイドバーの枠線が背景画像のため、画像を自分で修正しないとずれます。。。
(広げるにはいろいろ面倒なデザインです^^;)
#container 775→875px
#blogcontainer 753→853px
#wrapper 564→634px
#content 375→415px
#left 177→207px
#right 177→207px
containerの中に blogcontainerが、
blogcontainerの中に wrapperとrightが、
wrapperの中にcontentとleftが、
それぞれ入っているので、おさまるように数値を増やしていかなくてはいけません
ただ、このデザインは記事やサイドバーの枠線が背景画像のため、画像を自分で修正しないとずれます。。。
(広げるにはいろいろ面倒なデザインです^^;)
Ads By Google
コメント(2)
#1. とみー
2006-03-15 11:58:45
とりあえず、width数値を変えてみました。
画像とかが左右にずれてます^^;
このあとはそれぞれの画像を100px増やせばいいんでしょうか?
#2. とみー
2006-03-15 13:42:32
うまくいきました!
お二方、ありがとうございます。









