解決済
Ads By Google
ブログのレイアウトを変えたい
サイドバーと本文の部分を真ん中に寄せてページの両端に余白が出来るようにし、なおかつブラウザの「お気に入り」や「履歴」等のサイドバーが出た際に勝手に改行したりしないように固定したいんですが…上手く説明出来ないけど例をあげると「ザ・のじじズム」さんや「ザイーガ」さんのところみたいな感じにしたいんですがどこをどう弄ればいいのか…
説明が下手ですみません、出来れば是非ご教授願いたいです。
テンプレートはデフォルト2003を使っています。よろしくお願いします。
2006-03-07 21:49の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(3)
3.
2006-03-11 03:48:45
テンプレートを修正して、800pxに固定する例を紹介します。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
以下を一番下に追加してください。終わったら「この内容で保存する」を選んで保存します。
追加する設定)
#container{
width:760px;
}
#content{
width:500px;
}
#links{
float:left;
}
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
(本来は、下に追加するのではなく、途中の値を修正しますが、スタイルシートは後から設定されたもので上書きされるので問題ありません。)
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
以下を一番下に追加してください。終わったら「この内容で保存する」を選んで保存します。
追加する設定)
#container{
width:760px;
}
#content{
width:500px;
}
#links{
float:left;
}
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
(本来は、下に追加するのではなく、途中の値を修正しますが、スタイルシートは後から設定されたもので上書きされるので問題ありません。)
1.
2006-03-08 01:51:09
テンプレートを修正します。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
以下を一番下に追加してください。終わったら「この内容で保存する」を選んで保存します。
追加する設定)
#container{
width:760px;
}
#content{
width:500px;
}
#links{
float:left;
}
次は、「トップページ」、「個別記事ページ」、「カテゴリアーカイブ」、「月別アーカイブ」を修正し、bodyタグの後ろへ中央揃えを追記します。
修正前の例)
<body>
修正後の例)
<body>
<center>
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
本当は、centerタグを閉じないといけませんが、今回は分かりやすさを優先させて省いています。ゆっくりhtmlも勉強してみてください。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
以下を一番下に追加してください。終わったら「この内容で保存する」を選んで保存します。
追加する設定)
#container{
width:760px;
}
#content{
width:500px;
}
#links{
float:left;
}
次は、「トップページ」、「個別記事ページ」、「カテゴリアーカイブ」、「月別アーカイブ」を修正し、bodyタグの後ろへ中央揃えを追記します。
修正前の例)
<body>
修正後の例)
<body>
<center>
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
本当は、centerタグを閉じないといけませんが、今回は分かりやすさを優先させて省いています。ゆっくりhtmlも勉強してみてください。
2.
2006-03-08 16:45:26
テンプレートのスタイルシートを修正します。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
以下を一番下に追加してください。終わったら「この内容で保存する」を選んで保存します。
.main,.mainmore{
text-align: center;
}
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
以下を一番下に追加してください。終わったら「この内容で保存する」を選んで保存します。
.main,.mainmore{
text-align: center;
}
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
Ads By Google
コメント(12)
試したところ、記事の文章自体が真ん中寄せになったんですがそうではなくて記事が書いてある部分全体をページの真ん中に寄せたいんです。
サイドバーも何故か下に落ちてしまいました。
説明不足で申し訳ないです…
#2. 試験利用者
2006-03-08 16:34:21
なるほど！ そうでしたか。テンプレートは、スタイルシートが、一番下に追加したものを削除して再構築すれば元に戻ります。他のページは、<center>の指定をとります。
#3. 試験利用者
2006-03-08 16:34:59
いったんテンプレートを選び直すと、簡単に元へ戻ります。いったんクリアしちゃうという意味になりますが。
テンプレを選び直しましたが他のに変えた時サイドバーが下がってしまってたので本文に問題があるんですかね…元のテンプレに戻したら直りましたが
ページ両サイドに余白を持たせる為にタグを弄るより最初からそうなっている「桜」「夜桜」等のテンプレを選ぶ方が楽じゃないかと思い選ぶとブログ欄だけ中心にきてサイドバーが落ちました…
#6. 試験利用者
2006-03-09 22:02:27
一度、ブログを拝見した方が良いかも知れませんね。ブログのurlを教えてもらうわけにいきませんか。
http://blog.livedoor.jp/hyscho/
ここになります。
上のタイトル等の部分・左のサイドバー・右のコンテンツの部分を真ん中に寄せて固め、サイドバーの幅が可変になっているのを固定したいんです。
#9. 試験利用者
2006-03-10 23:17:30
ちょっと見てみますね。
よろしくお願いします
出来ました！！！全然イメージが伝えられなかったのに丁寧に答えて頂いて心から感謝してます。本当にありがとうございました。
#12. 試験利用者
2006-03-11 15:53:44
最初の方の回答を見ていると、ちんぷんかんぷんなことを書いている私ですが、何とか答えになるものが答えられて良かったです。ベスト回答もありがとうございます。
