seesaaのテンプレートからスタイルシート

seesaaにはいろいろなジャンルのテンプレートが用意されています。
でも、3カラムのテンプレートでこのサイトのような右よりはありませんでした。
全部を確実に見たわけじゃないですが、ざっと見たところにはなかったです。
それならばいっそ自分で変更してしまおうと思いました。

テンプレートはお好みで3カラムを選んでおきます。
まずはその元のテンプレートをバックアップしてください。
テンプレートをダウンロードしなおせば簡単に元に戻りますが、バックアップの癖はあるほうがいいと思います。

次に［デザイン一覧］から使用するテンプレート（適用済み）のスタイルシートを開きます。

変更するところは2箇所。

┣ #content
┣ #links-left

この2つの部分に「width:数字%;」が指定されています。
それを入れ替えてあげてください。
fontやmarginの指定はデフォルトのままで大丈夫です。
テンプレートによって数字の部分が「％」ではなく「px」になっているものもあると思いますが
widthの数字部分だけを入れ替えてあげれば同じです。

つまり、通常の真ん中にある記事の部分の幅と左側のサイドバーの幅を入れ替えただけです。
あとはデザインの中の［コンテンツ］に入って左から『記事』『サイドバー1』『サイドバー2』になるように入れ替えてあげてください。
［コンテンツ］のレイアウトの画面での幅は変わっていませんが設定を反映してブログを確認すると
ちゃんと一番左から『記事』『サイドバー1』『サイドバー2』になっていると思います。

背景の画像によっては移動させると見づらくなる物もあるのでその場合は背景画像も変更したほうがいいと思います。

この変形タイプがいいのかはわかりませんが最近よく見かけるので
なんとなく「いいなぁ?」と思っただけですが、試しにやってみてください。
左寄せがよければこれと反対になる部分を変更すればできるということです。

追記

「class」属性の指定も変更しておくといい。
その場合は、HTMLのほうの記述も変更する必要がある。