アンの小箱（ブログテンプレートの配布）　雨の妖精のテンプレートの記事幅変更方法

アンの小箱のブログへ、ようこそ♪

こちらでは、「アンの小箱」の素材を使ったFC2専用のテンプレートを作成しております。

この部分は、プラグイン3になります
プラグイン３の表示は、管理画面の「プラグインの設定」で行ってください。

「アンの小箱」のテンプレートは、申し訳ありませんが、
商用（アフェリエイト含む）のブログでの、使用を許可しておりません。
詳しくは、利用規約をごらんください。

◆テンプレート一覧

◆利用規約

◆よくある質問

2011.06.13

雨の妖精のテンプレートの記事幅変更方法

anne_11rain_2c,3c　テンプレート

[記事の幅の変更方法]

記事の幅は、510ピクセルから710ピクセルに、
変更できます。
ここでは、3カラムの記事を710ピクセルにするやり方を紹介します。

↓　追記をごらんください。

「テンプレートの設定」→「anne_11rain_3c」編集
→「スタイルシートの編集」

下記赤文字の数字を
青文字の数字に変更してください。

-------------------------------------------------
　　レイアウト
-------------------------------------------------

div#container {
width: 1000px;
～
　　　↓
div#container {
width: 1200px;
～

- - - - - - - - - - - - - - - - - - -

div#header {
width: 1000px;
height : 200px;
～
　　　↓
div#header {
width: 1200px;
height : 200px;
～

- - - - - - - - - - - - - - - - - - -
（２カラムでは、この部分は、ありません。）
div#wrapper {
width: 755px;　
～
　　　↓
div#wrapper {
width: 955px

- - - - - - - - - - - - - - - - - - -

div#main {
float : right;
width : 510px;
～
　　　↓
div#main {
float : right;
width : 710px;
～

- - - - - - - - - - - - - - - - - - -

div#footer {
clear: both;
padding-top:30px;
width: 1000px;
height : 120px;
～
　　　↓
div#footer {
clear: both;
padding-top:30px;
width: 1200px;
height : 120px;
～

-------------------------------------------------
　　メイン記事部分の設定
-------------------------------------------------

div.content {
text-align: left;
width: 510;
overflow: hidden;
}
　　　↓
div.content {
text-align: left;
width: 710;
overflow: hidden;
}

-------------------------------------------------
横カレンダー（ヘッド下）の設定
-------------------------------------------------

#xcalender{
width:1000px;
～
　　　↓
#xcalender{
width:1200px;
～

- - - - - - - - - - - - - - - - - - -

html>body #xcalender{
width:980px;
～
　　　↓
html>body #xcalender{
width:1180px;
～
- - - - - - - - - - - - - - - - - - -

（2カラムの場合、800px→1000px、510px→710px、780px→980pxに変更します。）