分享| 痞客邦PIXNET部落格版面樣式CSS | weilife pixnet
小清新風格,特地設計給非圖文式部落格使用此版型將側欄固定在部部落格上方,並設計成下拉式選單方便使用者選取首頁模式,點擊文章區塊任一處都可進入文章模式閱讀該篇文章,滑鼠移至文章處會變色版面右方有三張圓形圖片,可自行替換,黑色框線與圖片是分開設計,所以不用擔心換圖還需要後製 詳細替換方式請看下方"版面設定-3" 文章模式,按圖可放大 使用規定<<<<<<必看 CSS語法對著文字框按右鍵可以全選,複製貼上至管理後台"自訂樣式"->"CSS原始碼編輯"/*Copyright©CSSdesignedbyWei@Dribs&Drabs,http://...
小清新風格,特地設計給非圖文式部落格使用
此版型將側欄固定在部部落格上方,並設計成下拉式選單方便使用者選取
首頁模式,點擊文章區塊任一處都可進入文章模式閱讀該篇文章,滑鼠移至文章處會變色
版面右方有三張圓形圖片,可自行替換,黑色框線與圖片是分開設計,所以不用擔心換圖還需要後製
詳細替換方式請看下方 " 版面設定 - 3 "
文章模式,按圖可放大
使用規定 <<<<<< 必看
CSS語法
對著文字框按右鍵可以全選,複製貼上至管理後台"自訂樣式"->"CSS原始碼編輯"
/* Copyright © CSS designed by Wei @ Dribs & Drabs, http://www.dribs-drabs.com/blog 主要色碼: #8fbeee(天藍) */ /* ------------------------------------------------------------------------------------------------------------------------------ 三個圈圈圖片設定 */ /*左圖,寬度150px*/ #banner .skiplink{background: url(http://pic.pimg.tw/weilife/1409060104-3433313852.png) top left;} /*中間,寬度210px*/ #blog-category{background: url(http://pic.pimg.tw/weilife/1409060104-3433313852.png) top right;} /*右圖,寬度180px*/ #navigation #link-blog{background: url...