« テンプレートの変更 | main | エントリー時の設置 »
2007年06月17日
MovableTypeの2カラムレイアウトを手作りします。
テンプレートのメインページとスタイルシートを設定します。
(画像をクリックすると拡大されます。)
メインページを以下のように設定します。
MovableTypeの2カラムレイアウト ヘッダー レフト ~ ライト
スタイルシートを以下のように設定します。
* { margin : 0 ; padding : 0 ; } body { width : 100% ;background-color: #4FBF3F;} #id_header { width : 100% ; height : 55px ; background-color:#839F5F;} #id_footer { width : 100% ; clear : both ; background-color:#839F5F; } #id_body { margin: 0 auto; width : 700px ; } #id_left { float : left ; width : 160px ; background-color:#1FC7DF;} #id_right { float : left ; width : 540px ; background-color:#D0D0D0;}
こんな画面になります。 (画像をクリックすると拡大されます。) 実用までにはだいぶ遠いですが、骨組みがわかりました。
trackbackURL:
(回転MovableType にはじめてコメントされる場合、不適切なコメントを防止するため、掲載前に管理者が内容を確認しています。適切なコメントと判断した場合コメントは直ちに表示されますので、再度コメントを投稿する必要はありません。)
comments