作者a892245 ( )
看板Blog
标题Re: [问题] blogspot - 想取消右边整个区块
时间Wed Nov 5 18:15:44 2008
修改范本，不必展开小装置范本
直接拉到<body>下面
略过标头之後应该会先看到左侧栏
<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget 略 locked='false' title='左侧栏第一个标题' type='BlogArchive'/>
<b:widget 略 locked='false' title='左侧栏第二个' 略/>
<b:widget 略 locked='false' title='左侧栏第三个' 略/>
</b:section>
</div>
再来是文章区块的部份
<div id='main-wrapper'>
<b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='网志文章' type='Blog'/>
</b:section>
</div>
这里我会建议你把文章区块这段程式码移去放在side-wrapper1程式码的前面
理由是因为网页载入是按照语法的顺序来的，现阶段的顺序虽然不会影响
可是当你以後在侧栏加入的外挂越来越多之後速度就有差了
有些JavaScript外挂慢吞吞就算了还容易卡住勒
侧栏就卡住了，在侧栏後面的文章也就出不来了
接着你会看到右侧栏的部份
<!-- <div id='side-wrapper2'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget 略 locked='false' title='RIGHT TEST' 略'/>
</div>
-->
这时候你有两个作法，一个是直接把这段删掉
一个则是如黄色所标示的，用注解的方式让他不起作用
这样的好处是如果你哪天又想变成三栏式的时候，随时都可以改回来
--------------------------最後一个步骤分隔线--------------------------
最後我们要去调整css的部份
找到
#main-wrapper{}和#main{} 加大里面的width
另如果你有把文章区快搬到左侧栏前面
那
#main-wrapper{}里面的float: left;就要改成right喔
还要顺便删除
#side-wrapper2{} or 头尾分别用/*和*/注解掉
以上
※ 引述《delpeiro (del)》之铭言：
: 我很想先看板之後才发问的
: 但是我完全不知道该下什麽关键字搜寻
: 我用blogspot , 我的样版是左中右 三个区块
: 我已经把右边的区块全部搬到左边了,
: 但是要怎样才能去除右边的区块, 然後用中间的区块放大填满空下来的位置呢?
: 我猜应该是改HTML , 但是在HTML里面这麽多的区块程式码,
: 我该怎麽找才是最快的?
: 谢谢
: 附上BLOG : http://kylecorner.blogspot.com
--
http://lingshu1005.blogspot.com/
something about my life
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.164.181.77
※ 编辑: a892245 来自: 218.164.181.77 (11/05 18:18)