3カラム

当サイトのような３column にしたい場合、下のサイトが参考になる。

2xUP BONSAI

ただ、説明が少々ややこしい。

ただ単にトップページのみを３columnにしたいだけなら、説明は単純になる。

以下、説明。



Templateの編集で、

styleseetを選択し、その中の#content,#linksを以下のように書き換える。

<br> #content {<br> position:absolute;<br> background:#FFF;<br> margin-right:155px;<br> margin-left:155px;<br> margin-bottom:20px;<br> border:1px solid #FFF; <br> }

#links {
position:absolute;
right:5px;
top:50px;
width: 150px;
z-index: 1;
}



次は、以下の文を追加する。

<br> #linksleft { <br> position:absolute;<br> left:5px;<br> top:50px; <br> width: 150px; <br> z-index: 1; <br> }<br>




その後、Main Indexを編集する。

以下を追加し、左に置きたいものはこれの間に挟む

<br> <div id="linksleft"><br> ここに挿入<br> </div><br>


こっちは右に起きたいもの

<br> <div id="links"><br> ここに挿入<br> </div><br>


あとはRebuildするだけ。こんだけです。楽勝でしょ。