作者b0339576 (<(￣︶￣)>)
看板Blog
标题Re: [Blogger] 侧栏的文字跑掉了
时间Thu Feb 4 02:47:05 2010
※ 引述《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
1F：推 CiaCLAMP:成功了 真的很感谢 但是又有另一个问题了 02/04 03:03
3F：→ CiaCLAMP:我看他应该是分两个 但是他最上面的sidebar却是一个 02/04 03:04
4F：→ CiaCLAMP:我想请问的是像这样是写的出来的吗 这样sidebar 02/04 03:06
5F：→ CiaCLAMP:是否可以随自己喜好某几格是合并的呢 还是我搞错了 02/04 03:07
6F：→ b0339576:这个又是另一种写法了 你可以参考羊男的blackcoffee 02/04 15:16