■ 4.ページレイアウトの変更

それでは、用意された、4種類のページレイアウトを変更する方法を説明します。

前回の「3.レイアウトデザインの入手」で解凍した中に、「import.css」がありますのでこれをエディタなどで開きます。
内容は次のようになっています。

/****** 統括用css *******/
@import url(./common.css);　（共通設定用CSS）
@import url(./layoutl.css);　（レイアウト用CSS）
@import url(./design.css);　（配色など個別の変更用CSS）

この3行目の「@import url(./layoutl.css);」で左メニューのレイアウトを指定しています。
この指定は次のようになっています。

@import url(./layoutl.css); ← 左メニューの場合
@import url(./layoutr.css); ← 右メニューの場合
@import url(./layoutu.css); ← 上メニューの場合
@import url(./layoutd.css); ← 下メニューの場合

3行目を上記のどれかに書き換え、保存し、ページの再表示を行えばレイアウトが変わってます。