Re: [Blogger] 側欄的文字跑掉了
※ 引述《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
推
02/04 03:03, , 1F
02/04 03:03, 1F
→
02/04 03:04, , 2F
02/04 03:04, 2F
→
02/04 03:04, , 3F
02/04 03:04, 3F
→
02/04 03:06, , 4F
02/04 03:06, 4F
→
02/04 03:07, , 5F
02/04 03:07, 5F
→
02/04 15:16, , 6F
02/04 15:16, 6F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):