■左側をメニュー、右側を記事にする場合

【サンプルテンプレート】

１．【FC2 ブログのテンプレート工房】さんの記事を参考に設定して下さい。

２．このままではデザインが崩れるので少し修正します。

・スタイルシートの全体の値をcenter_leftの値より＋12px以上に設定。

・スタイルシートのプラグイン２を以下のように設定。(赤字が変更箇所)

/*************************** ▼ 右側メニュー(プラグイン２) ▼ */
.plugin2_outline {
border-top: #e0e0e0 1px solid; /* 個別枠(上) */
border-right: #e0e0e0 1px solid; /* 個別枠(右) */
border-bottom:#e0e0e0 1px solid; /* 個別枠(下) */
border-left: #e0e0e0 1px solid; /* 個別枠(左) */
margin-bottom:10px; /* 次のプラグインまでの間隔 */
margin:0px 0px 10px 12px;
}

■ 右側をメニュー、左側を記事にする場合

【サンプルテンプレート】

１．【FC2 ブログのテンプレート工房】さんの記事を参考に設定して下さい。

２．このままではデザインが崩れるので少し修正します。

・スタイルシートのcenter_leftの値を中央の値より＋12px以上に設定。
・全体の値を(center-left＋右＋10px)以上に設定。

・スタイルシートのプラグイン１を以下のように設定。(赤字が変更箇所)

/*************************** ▼ 左側メニュー(プラグイン１) ▼ */
.plugin1_outline {
border-top: #e0e0e0 1px solid; /* 個別枠(上) */
border-right: #e0e0e0 1px solid; /* 個別枠(右) */
border-bottom:#e0e0e0 1px solid; /* 個別枠(下) */
border-left: #e0e0e0 1px solid; /* 個別枠(左) */
margin-bottom:10px; /* 次のプラグインまでの間隔 */
margin:0px 12px 10px 0px;
}