Re: [Blogger] 側欄的文字跑掉了

[b0339576 (<(￣︶￣)>)]

※ 引述《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

以上。

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 114.27.25.229
推 CiaCLAMP:成功了　真的很感謝　但是又有另一個問題了
→ CiaCLAMP:http://ilovekuu.blogspot.com/　像這個blog的sidebar
→ CiaCLAMP:我看他應該是分兩個　但是他最上面的sidebar卻是一個
→ CiaCLAMP:我想請問的是像這樣是寫的出來的嗎　這樣sidebar
→ CiaCLAMP:是否可以隨自己喜好某幾格是合併的呢　還是我搞錯了
→ b0339576:這個又是另一種寫法了 你可以參考羊男的blackcoffee