もう少し全体的に右に寄せたい
過去ログ探しても適当な物が見当たらなかったので質問させて下さい。デザインがコンクリートなのですが、
私の環境(解像度1920×1200)で見ると、
本文及びサイドバーが左側へ寄ってしまって
いる為、もう少し全体的に
右に寄せたいのですが、デザインの変更以外
に方法はありませんでしょうか?
3カラムのように画面の真ん中に表示する事が
最高なのですが、2カラムで同じように表示
したいのです。
よろしくお願いします
回答(2)
2.

ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。「background-position: center;」を追記します。
修正前の例)
body{
margin:0;
padding:0;
color:#4d4d4;
background:#fff url( ) repeat-y 0% 0;
font-family:arial ,sans-serif;
text-align:left;
}
修正後の例)
body{
margin:0;
padding:0;
color:#4d4d4;
background:#fff url( ) repeat-y 0% 0;
background-position: center;
font-family:arial ,sans-serif;
text-align:left;
}
終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
1.
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。「スタイルシート(CSS)」右隣の「トップページ」を選びます。「container」というところを見つけて、前に追加します。
本当は、</center>という終わりの指定も必要なのですが、とりあえず今回は必要ないです。
修正前の例)
<div id="container">
修正後の例)
<center>
<div id="container">
※3カラムのデザインでは、<div align="center">などの指定を見かけますが、<center>指定とほぼ同義です。
終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。
見てみると、常に中央揃えなので、高解像度だと半分以上が白い白紙の上に、本文が載るため、あまり良い表示とはいえないでしょうが、高解像度の環境で使う人が少ないだろうし、玄人さんが多いことを考えたら、そのまま使ってみるのも一考だと思います。
要は、ブラウザを最大化せずに、若干縮めて使えば、きれいに見えるわけですし。(実際、私は高解像度でQXGAのような解像度で見ていますが、滅多と最大化して見ません。)
コメント(6)
回答有難うございます。
本文とサイドバーは画面真ん中に来ましたが、
やはり背景がまだ左寄せになっています。
背景に<center>の指定はできますでしょうか?
宜しくお願いします
いいえ、背景は動かさない方が良いように思います。いわゆる左端にひっつくからこそ、映えるデザインだと思うので。スタイルシートで操作できたか、ちょっと見てきます。
度々の回答有難うございます
スタイルシートで設定してみました所、
背景と本文とサイドバーが希望通りの場所に来ました。
ですが、コメント入力状態にすると
本文のみ左に寄ってしまいます。
背景は真ん中です
>>1 私の回答1を見てください。修正をトップページに対してのみやっています。他のページも同じように修正してみてください。「個別記事ページ」、「カテゴリアーカイブ」、「月別アーカイブ」があります。
有難う御座いました!
希望に近い感じで仕上げることができました。
何とかうまくやって頂けたようです。良かったです。ベスト回答もありがとうございます。




