這個版本是從"拍立得圖文集"修改來的,讓不是圖文的部落格也能使用,當然文章中要放入照片也是OK的唷 :D
本樣式的特點為部落格上方的下拉式側欄與左方的隱藏式側欄,讓版面乾乾淨淨好閱讀!
不會修改CSS的朋友,比較適合套用這個版本,應該不會出現甚麼大問題
使用規定 <<<<<< 必看
- 幫本站兩個粉絲團按讚,Dribs & Drabs / Dribs & Drabs Designs。
- 禁止刪除或修改版型的版權宣告。
- 禁止複製部分語法,套用至非本站分享的版面。
- 本站分享的部落格樣式,可自行修改美化,勿再次發佈與替其他部落格修改。
- 套用發生問題請先看過版面設定和Q&A。
- 勿當伸手牌,版主沒有時間處理這類的問題。
- 此版型不再維護,若想要更專業的版型請參考半客製化服務內容。
CSS語法
對著文字框按右鍵可以全選,複製貼上至管理後台"自訂樣式"->"CSS原始碼編輯"
版面設定
1 - 關於側欄1的元件,放置在版面左方的隱藏式欄位裡
2 - 關於側欄2的元件,放置在文章正上方的下拉式選單
3 - 若文章內文圖片寬度超過800px,會自動將圖片縮放成寬度800px
Q&A
1 - 部落格上方的下拉式選單與登入資訊(快捷功能BAR)想要移除,該如何修改?
請將以下CSS語法加在全部語法的最後
.topbar-placeholder{display: none;}
#blog-category{display: none;}
#links-row-2{display: none;}
2 - 部落格左方的觸控式側欄想要移除,該如何修改?
請將以下CSS語法加在全部語法的最後
#links-row-1{display: none;}
* 如果上述沒有你的問題,可參考另一篇 Q&A問答集
更新
2014/06/10 解決痞客邦新增快捷功能BAR造成破壞版面的問題
2014/06/24 解決側欄2元件名稱長度的限制
2014/07/21 解決痞客邦快捷功能BAR小改版導致版面錯位
2014/12/16 解決滑鼠移至圖繪會縮放的問題
2015/02/23 解決通知訊息超出頁面的問題
2015/03/10 解決快捷功能BAR錯位的問題
2015/12/14 解決在手機上版面錯位的問題
2016/07/23 解決新增快捷功能BAR跑位問題
2016/10/22 解決新增快捷功能BAR跑位問題
♥ 更多部落格版面分享: http://www.dribs-drabs.com/blog/post/434454491
♥ 部落格CSS語法教學: http://www.dribs-drabs.com/blog/post/437150992