FC2テンプレのカラム変更 左右入れ替え

質問

FC2ブログのテンプレート　movie_blog_pink　を使用しています。

こちらのテンプレートは２カラムなのですが、
左右の入れ替えをおこないたいです。

どなたかHTMLやCCSにお詳しい方、
教えていただけないでしょうか。

何卒よろしくお願いします。

回答No.1

tacop · ベストアンサー

こんにちは。

「スタイルシート編集」から
#main {
float: left;
width: 646px;
padding:20px 40px;
margin-right: 20px;
overflow: hidden;
background-color: #FFFFFF;
}

#sidemenu {
background-color: #FFFFFF;
float: right;
width: 240px;
padding-bottom: 20px;
overflow: hidden;
padding: 20px;
}

部分を探します。

次に、

#main {
float: left;　←（1）
width: 646px;
padding:20px 40px;
margin-right: 20px;　←（2）
overflow: hidden;
background-color: #FFFFFF;
}

#sidemenu {
background-color: #FFFFFF;
float: right;　←　（3）
width: 240px;
padding-bottom: 20px;
overflow: hidden;
padding: 20px;
}

の3箇所を下記のように変更します。
（1）float: left;　→ float: right;
（2）margin-right: 20px;　→　margin-left: 20px;
（3）float: right;　→　float: left;

その後「更新」すれば変更されると思います。
※既に他の部分を変更している場合は、念のためコピーを作成してから作業したほうがいいかもしれません。

以上、ご参考まで。

お礼

ありがとうございます！

まさか、ファン登録している方からご回答いただけるとは
思ってもいませんでした。

とてもうれしいです。
ありがとうございます＾＾

指示通りコピーをとってから
すぐに成功しました！

とてもわかりやすかったです。
ありがとうございました＾＾