1. 程式人生 > >博客園設置自定義頁面樣式

博客園設置自定義頁面樣式

控制 lte 浮動 title 樣式 padding 搜索 border add

首先是背景圖片,這個修改對模版而言都是通用的

body {
background:url(‘URL‘) no-repeat top center fixed;
}

這裏圖片路徑可以上傳到博客本地圖片,圖片就有了網上路徑

然後是正文模塊在整體背景中的浮動

#home {

margin:0px auto;
width:1000px;

}

一個控制模塊頂部和背景距離

一個控制模塊和寬度{當頁面縮放的寬度遠遠小於你設定的寬度,右邊搜索框及其他組件都會移動到底層,不利於使用,最好設置一個合適的寬度}

正文模塊顏色設置

#home {
background:顏色代碼;
opacity: 0~1;


filter: alpha(opacity=0~100);
}

第一個是背景顏色

下面是設置透明度,使用任意一個,第一個越接近1越不透明

搜索/工具欄樣式

.catListTitle{
border-left:5px solid #4C98F5;
padding:8px 0 8px 10px;
}

博客園設置自定義頁面樣式