fc2ブログ

U-BOX/うさぎの小箱

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

  1. -
  2. tb: 0
  3. cm: 4
  4. [ edit ]

カラムの配置(v43green)

v43green は変則3カラムで通常両サイドのカラムが右に寄せてあります。
これを両サイドに戻す方法を説明します。

ブログは以下のボックスをフロートさせることにより構成されています。
[ out ] ・・・ 全体の幅を規定、[ main ] + [ side ]
 [ main ] ・・・ [ con ] + [ side2 ] → フロート左
  [ con ] ・・・ topentry → フロート左
  [ side2 ] ・・・ プラグイン1,3 → フロート右
 [ side ] ・・・ プラグイン2 → フロート右

両サイドに配置するためには [ main ] 内の [ con ] と [ side2 ] の配置を逆にします。
  [ con ] ・・・ topentry → フロート右
  [ side2 ] ・・・ プラグイン1,3 → フロート左
*あるいは [ main ] と [ side ] の配置を逆?(プラグイン1,2,3の配置による)

とりあえずは、上記の方法を説明します。

テンプレートの設定 > U-BOXv43green のスタイルシート編集
 > 以下の2箇所のフロートを変更します。
 > それに合わせてwidthを変更、カラム間を調整しました。


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



/* 記事,menu表示部分------(side+con) */
#main {
float: left;
width: 735px;
width: 79%;
margin: 0 5px 0 0;
padding: 0;
}



/* 記事表示部分 */
#con {
background-color: #14332d;/*170-60-20*/
float: right;
width: 500px;
width: 67%;/*52.9%*/
width: 68.7%;/*54.3%*/
margin: 0;
padding: 1em 0 2em;
word-break: break-all;
border: 0px solid #333; /*0-0-20*/
}


/* -右サイドバー-------------*/
#side {
background-color: #14332d;
float: right;
width: 215px;
width: 20%;
padding: 0;
}


/* -左サイドバー--------------- */
#side2 {
background-color: #14332d;
float: left;
width: 215px;
width: 30%;/*23.7%*/
padding: 0;
/*display: none;*/
}



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



スポンサーサイト





NEW ENTRY  | BLOG TOP |  OLD ENTRY

プロフィール

usagi

Author:usagi
FC2ブログへようこそ!

information

2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ

管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。

お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。

カレンダー

07 | 2014/08 | 09
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -

ユーザータグ

*