3カラムレイアウト

ポインタ3カラムレイアウトの構成図
2カラムレイアウト作成で使用したメインページ(下図)を3カラムに変更します。 追加するカラムは、下図のように右側に設置します。サイドバー2(sidebar2)と...

ポインタスタイルシートの修正
全ページで紹介した3カラムレイアウトのグループごとに、スタイルシートを作成します。 2カラムレイアウトで使用したスタイルシートを元に、太字部分を追加、修正します...

ポインタメインページの修正
2カラムレイアウトで使用したテンプレートを元に追記します。 ラップ(<div class="wrap">~</div>)でコンテンツとサ...

ポインタ画面の確認とレイアウトパターン
実際に画面を確認します。 左側にサイドバー、中央にコンテンツ、右側にサイドバー2が配置されていることがわかります。 次に、スタイルシートを変更します。サイドバー...

ポインタその他テンプレートも3カラムにする
メインページのテンプレート以外のテンプレートも3カラムにします。 メインページと同様、以前作成した2カラムレイアウトのテンプレートにラップとサイドバー2の追加を...

▲ページトップへ