お蔵入り
2カラムでサイドバーを右に
今まで3カラムでやっていたのですがさすがに本文のスペースがきつすぎるので
2カラムにすることにしました。
で、2カラムにしたはいいのですが
サイドバーが左にあるとどうにも・・・。
私が左利きだからでしょうか?(関係ないかな?
どうしてもサイドバーを右に寄せたいです。
妥協はしたくないので、お願いします。
2007-03-04 17:55の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google
回答(3)
1.
2007-03-04 18:20:54
サイドバーが右にある2カラムのデザインがいくつもありますが、それではいけないのでしょうか?
一例
http://blog.livedoor.com/design_demo/2c_orange_cms...
http://blog.livedoor.com/design_demo/simple01_1_cm...
http://blog.livedoor.com/design_demo/simple_line_b...
一例
http://blog.livedoor.com/design_demo/2c_orange_cms...
http://blog.livedoor.com/design_demo/simple01_1_cm...
http://blog.livedoor.com/design_demo/simple_line_b...
回答レベル : 回答
2.
2007-03-04 19:14:34

管理画面からカスタマイズ/管理→デザインの設定
右下のカスタマイズ で
スタイルシート(CSS)を見ます。
#content
と
#links
の
float:right;
と
float:left;
を逆にして下さい。
変更したら 下の この内容で保存する
をクリック 再構築します
右下のカスタマイズ で
スタイルシート(CSS)を見ます。
#content
と
#links
の
float:right;
と
float:left;
を逆にして下さい。
変更したら 下の この内容で保存する
をクリック 再構築します
ありがとうございました!
わかりやすく解説してくださり、どうもです。
3.
2007-03-04 20:22:33
回答2で解決したと思いますが、もし、分からないことが出た場合のために書いておきます。
(実は、これを書いている途中で、用ができてしまい、回答できなかったもので、もったいないので。)
回答2と違うタイプのスタイルシートを取り上げていますから、質問者には不要でも、後で検索で回答を探している人には役立つかも知れません。
同じデザインで、カラムの位置を変えた場合、背景画像との兼ね合いがうまく行かない場合があります。
それは、地道に直して下さい。
既にデザインを変更したことがあるので「デザインの設定」ページ(http://cms.blog.livedoor.com/cms/design/)はご存知だと思います。
そのページの右下の「カスタマイズ」をクリックすれば、スタイルシートやHTMLテンプレートを編集できるページへ行けます。
そのページを開くとスタイルシートが変更できる状態になっています。
スタイルシートをスクロールさせて、全体の1/4くらいのところを表示させると、デザインによって、少し違いますが、
これの「float:right;」「float:left;」を逆にします。
この例で言うと、変えた結果は
このように変えたら、下の[この内容で保存する]をクリックします。
その後、左上のほうにある「ブログに設定を反映(再構築)」をクリックして再構築のページへ進み、
[インデックス(トップの記事)]になっているプルダウンフォームを
[全てのページ]に合わせ、[ブログを再構築する]をクリックしてください。
「サイトの再構築が完了しました。」のメッセージが出たら、
ブログを開き直して(更新して)確認してください。
(実は、これを書いている途中で、用ができてしまい、回答できなかったもので、もったいないので。)
回答2と違うタイプのスタイルシートを取り上げていますから、質問者には不要でも、後で検索で回答を探している人には役立つかも知れません。
同じデザインで、カラムの位置を変えた場合、背景画像との兼ね合いがうまく行かない場合があります。
それは、地道に直して下さい。
既にデザインを変更したことがあるので「デザインの設定」ページ(http://cms.blog.livedoor.com/cms/design/)はご存知だと思います。
そのページの右下の「カスタマイズ」をクリックすれば、スタイルシートやHTMLテンプレートを編集できるページへ行けます。
そのページを開くとスタイルシートが変更できる状態になっています。
スタイルシートをスクロールさせて、全体の1/4くらいのところを表示させると、デザインによって、少し違いますが、
#content{
float:right;
width:570px;
text-align:left;
}
#contentin{}
#sidecolumn{
float:left;
width:200px;
}
という感じのところがあります。これの「float:right;」「float:left;」を逆にします。
この例で言うと、変えた結果は
#content{
float:left;
width:570px;
text-align:left;
}
#contentin{}
#sidecolumn{
float:right;
width:200px;
}
となります。このように変えたら、下の[この内容で保存する]をクリックします。
その後、左上のほうにある「ブログに設定を反映(再構築)」をクリックして再構築のページへ進み、
[インデックス(トップの記事)]になっているプルダウンフォームを
[全てのページ]に合わせ、[ブログを再構築する]をクリックしてください。
「サイトの再構築が完了しました。」のメッセージが出たら、
ブログを開き直して(更新して)確認してください。
回答レベル : 回答
Ads By Google


