FC2ブログのテンプレートを紹介しています

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

テンプレートの2カラム化

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

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

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

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

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

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

/*************************** ▼ 右側メニュー(プラグイン2) ▼ */
.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;
}



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

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

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

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

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

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

/*************************** ▼ 左側メニュー(プラグイン1) ▼ */
.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;
}


[ 2009/12/12 12:12 ] テンプレート | TB(0) | CM(1)
承認待ちコメント
このコメントは管理者の承認待ちです
[ 2012/02/04 01:33 ] [ 編集 ]
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL

Sponsored Link
カテゴリー


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。