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

看板Blog作者 (<( ̄︶ ̄)>)時間16年前 (2010/02/04 02:47), 編輯推噓1(105)
留言6則, 2人參與, 最新討論串2/2 (看更多)
※ 引述《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
http://ilovekuu.blogspot.com/ 像這個blog的sidebar
02/04 03:04, 2F

02/04 03:04, , 3F
我看他應該是分兩個 但是他最上面的sidebar卻是一個
02/04 03:04, 3F

02/04 03:06, , 4F
我想請問的是像這樣是寫的出來的嗎 這樣sidebar
02/04 03:06, 4F

02/04 03:07, , 5F
是否可以隨自己喜好某幾格是合併的呢 還是我搞錯了
02/04 03:07, 5F

02/04 15:16, , 6F
這個又是另一種寫法了 你可以參考羊男的blackcoffee
02/04 15:16, 6F
文章代碼(AID): #1BQSIhxH (Blog)
文章代碼(AID): #1BQSIhxH (Blog)