Ads By Google
デフォルト2008のサイドバー(2カラム)を左に移したいです。
デフォルト2008(2カラム)は、標準ではサイドバーが右になっています。それをカスタマイズして、左に移したいのですがどうすれば良いでしょうか。
以下のサイトを見ましたが、どうも適用できないような感じです。
livedoor Blog デザイン千本ノック! : 2カラムのデザインの左右のレイアウトを変更する - livedoor Blog(ブログ)
2009-08-31 17:26の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(2)
2.
2009-09-01 22:09:55

>>#1 ほんとですね。サイドバーと本文がくっついてしまっていました。
デザインが崩れるかもしれないと注意書きがあったのはこういう事だったのかな、、
div#main {
float: right;
display: inline;
width: 100%;
margin: 0 -227px 0 0;}
marginの数字を-227pxぐらいにすれば間が空きましたが、試してみてください。
もう一つ忘れていましたが、ブログの一番下の部分にライブドアRSSの部分がまだ右に残っていましたので、
div#extra {
clear: right;
float: right;
display: inline;
width: 220px;
上の2つのright を left に書き換えてください。
デザインが崩れるかもしれないと注意書きがあったのはこういう事だったのかな、、
div#main {
float: right;
display: inline;
width: 100%;
margin: 0 -227px 0 0;}
marginの数字を-227pxぐらいにすれば間が空きましたが、試してみてください。
もう一つ忘れていましたが、ブログの一番下の部分にライブドアRSSの部分がまだ右に残っていましたので、
div#extra {
clear: right;
float: right;
display: inline;
width: 220px;
上の2つのright を left に書き換えてください。
ありがとうございました。一番下のRSS部分も気になっていました。感謝します。
1.
2009-08-31 21:30:19

その方法でうまく行きましたが。
div#main {
float: right;
display: inline;width: 100%;margin: 0 -220px 0 0;}
div#main div.column-inner {
margin: 0 230px 0 0;}
div#sub {
float: left;
display: inline;width: 220px;
2.レイアウトのところで2カ所 float: のleft とright を入れ替えるだけです。
あとは下の「この内容に変更」、上の「デザインの反映」
これで変わっていなければ再読み込み(リロード)してみてください。
div#main {
float: right;
display: inline;width: 100%;margin: 0 -220px 0 0;}
div#main div.column-inner {
margin: 0 230px 0 0;}
div#sub {
float: left;
display: inline;width: 220px;
2.レイアウトのところで2カ所 float: のleft とright を入れ替えるだけです。
あとは下の「この内容に変更」、上の「デザインの反映」
これで変わっていなければ再読み込み(リロード)してみてください。
Ads By Google
コメント(3)
#1. はるた
2009-09-01 18:08:24
ありがとうございます。見つけられていませんでした。
ただ、余白が無くなったというか、きつきつになってるなという印象があります。仕方ないのかな。
http://blog.livedoor.jp/torahouse/
#2. 鸚哥(いんこ)
2009-09-02 21:18:54
きれいにまとまったようで良かったです☆
回答が2段階になってしまってすみませんでした。同じデザインにしてテストしながらの回答なので、、
#3. はるた
2009-09-03 17:44:53
いえ、そんな。とんでもないです。恐縮です。




