freoで幅可変の2カラムのスキンを作るには
- 2010/06/05 15:06
- カテゴリー:カスタムテンプレート
- タグ:freoCSS, freoテンプレート
- 表示のサンプルは こちら
- templates/internals/default/default.html と templates/internals/view/default.html を開き、下から2行目にある
{include file='utility.html'}
を、1行目の
の下に移動します。{include file='header.html'}
- css/default.css のうち
- 全体 ⇒ div#container の
を削除します。width: 760px;
- 内容 ⇒ div#content の
float: left;
と、
width: 550px;
を削除し、
追加します(左側にユーティリティが来る場合 は margin-left: 210px ; にします)。margin-right: 210px ;
- エントリー ⇒ div#entry div.entry の
を削除します。width: 550px;
- ユーティリティ ⇒ div#utility の
float: left;
の部分を、
float: right;
にし、
を削除します(左側にユーティリティが来る場合 は float: left;のままに)。margin-left: 10px;
- IE6用設定 ⇒ * html div#container の
を削除します。width: 800px;
- 全体 ⇒ div#container の