側欄的文字跑掉了 - 部落格

※ 引述《CiaCLAMP (大家都熱衷於"板上"的事!)》之銘言：
: http://ma-sa-ya.blogspot.com/
: 這是我目前在使用的
: 就是我目前是左邊主要的main
: 右邊就是sidebar
: 我要如何讓右邊的sidrbar變兩個呢
: 一定要套用新的範本嗎
: 還是我可以在修改html裡面做到呢
: 謝謝


版面配置→修改範本 (不用展開小裝置範本)

先找到這一段：

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
很多<b:widget .../>
</b:section>
</div>

緊接著在他下面新增一段：

<div id='sidebar-wrapper2'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div>

然後回頭去css的地方，新增#sidebar-wrapper2{}

這是專門控制第二側欄css用的

接著看你想要怎樣子的排列，再去決定括弧內的語法要怎麼寫

基本上只要設定大小和位置就好了，其他細節會自動套用.sidebar為首的css


在大小方面~兩側欄與文章的width、margin、padding

總和不能超過#outer-wrapper的width

至於位置的設定

若新側欄要跟原側欄一樣都在右邊，那就給它下float:right;

如果要一左一右，文章區塊在中間的話

那新側欄除了給它下float:left; 之外

也要去把#main-wrapper{}的float:left;改成right

以上。

--