作者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)