解決済
テンプレートのカスタマイズについて。
blogのテンプレートをカスタマイズして使っているのですが、最近デザインや、投稿フォーム、コメントフォームが変わったせいか、以前のCSSを使っても反映されない事があります。前は、デザインを換える時、CSS画面とHTML画面が出ていましたが、今はそれぞれ表示させないといけないので不便です。
実は、テンプレートの、プラグインがあるサイドバーと、エントリーの欄を左右逆にしたいと思っています。
今までは出来ていたのですが、コメント欄を直すために再設定したら、左右元に戻ってしまいました。
どうしたら左右逆に出来ますか。教えてください。
2006-02-27 00:23の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(2)
2.
2006-03-05 04:00:14

contentとlinksの指定がどちらもleftだったので、思い切ってrightにしてみるとうまくいっているようでした。(もし、すでに反転した後だったら、私の回答も意味を成さないわけですが・・・。)
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
contentとlinksは、それぞれ別の場所にありますので、個別に修正してください。
修正前の例)
#content{
width:541px;
float:left;
padding:0 15px 0 15px;
}
#links{
width:235px;
float:left;
text-align:center;
margin-bottom:30px;
}
修正後の例)
#content{
width:541px;
float:right;
padding:0 15px 0 15px;
}
#links{
width:235px;
float:right;
text-align:center;
margin-bottom:30px;
}
終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「デザイン(CSS)」を選んで「ブログを再構築する」というボタンを押せば完了です。
ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。
contentとlinksは、それぞれ別の場所にありますので、個別に修正してください。
修正前の例)
#content{
width:541px;
float:left;
padding:0 15px 0 15px;
}
#links{
width:235px;
float:left;
text-align:center;
margin-bottom:30px;
}
修正後の例)
#content{
width:541px;
float:right;
padding:0 15px 0 15px;
}
#links{
width:235px;
float:right;
text-align:center;
margin-bottom:30px;
}
終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「デザイン(CSS)」を選んで「ブログを再構築する」というボタンを押せば完了です。
1.
2006-02-27 12:08:07
カスタマイズされているようですので、該当する答えになるかはわかりませんが、基本的にサイドバーとエントリーの欄を逆にするには
CSSで#content{}内のfloat:を変更します
エントリーの位置を指定する感じで、rightかleftを入れます
サイドバーを逆にすると、サイドバーが外側に寄ったりするので、その場合は#linksのfloat:をrightかleftに変更します
CSSで#content{}内のfloat:を変更します
エントリーの位置を指定する感じで、rightかleftを入れます
サイドバーを逆にすると、サイドバーが外側に寄ったりするので、その場合は#linksのfloat:をrightかleftに変更します
Ads By Google
コメント(6)
#1. 試験利用者
2006-02-27 01:20:01
ブログのurlを示してくれると回答できるかもしれません。
#2. kururu
2006-02-27 16:27:41
試験利用者さん、blogのURLは、 http://blog.livedoor.jp/kuru_uru_kokoro3/ です。
良かったら見ていただいて教えていただけないでしょうか。
#3. kururu
2006-02-28 14:29:56
SVさん、すでにfloatはleftとrightを変えてあります。
それでも逆にならないので困ってます。
CSSで無理ならばHTMLを直すしかないのかと思ったのですが、それも無理のようなので…。
どうしたらいいのでしょう?
#4. 試験利用者
2006-03-05 03:56:38
kururuさん、こんばんは。私、見逃していました。今からチェックに行きます。他の質問で答えていらっしゃるのを見て気付きました。
#5. kururu
2006-03-06 12:48:40
#6. 試験利用者
2006-03-06 19:36:04
うまくいって良かったです。ベスト回答もありがとうございます。時々、見逃していたりする私、おっちょこちょいです。
