想必很多人跟我一樣
對於一知半解的blog樣版除了套用之外目前還無其它方式可以使用
如果想要改變一下也可以
接下來介紹幾篇更改的方式與大家分享一下
一些組合應用的CSS語法與大家享受更改樂趣
不用心怕怕又驚驚~
其實我也是慢慢去接觸了解一方面做筆記方便自己記憶,一方面嘗試使用不同語法更改畫面
只要說明其實很簡單
套用樣版
一開始的方式到痞客邦「管理後台」
選擇「部落格」--> 「選擇樣式管理」 --> 「樣式選擇」
簡單設計
一開始的方式到痞客邦「管理後台」
選擇「部落格」--> 「選擇樣式管理」 --> 「自定樣式」--> 「自定樣式簡易版」
再度更改樣式
一開始的方式到痞客邦「管理後台」
選擇「部落格」--> 「選擇樣式管理」 --> 「自定樣式」--> 「自定樣式進階版」
自己創作樣式
一開始的方式到痞客邦「管理後台」
選擇「部落格」--> 「選擇樣式管理」 --> 「自定樣式」--> 「CSS原始碼編輯」
想必大家會以為CSS原始碼編輯會很困難
其實不然
大多方式會聯想幾個區塊,有些一變動會把所有BOLG樣式狀態改變
有些變動只有單單選擇項目
如果您想要把美美圖片以及更改框架大小就非得在這裡改變喔~
很多人會以為自己又不會怎麼寫這麼一大串呢?
小猴子拔拔提供一個方式讓大家一起分享
大家來跟我一起做吧!
首先
一開始的方式到痞客邦「管理後台」
選擇「部落格」--> 「選擇樣式管理」 --> 「樣式選擇」要選擇可以修改的樣版
或是
選擇「部落格」--> 「選擇樣式管理」 --> 「自定樣式」--> 「自定樣式簡易版」
選擇好自己喜歡的基本框架
再到
選擇「部落格」--> 「選擇樣式管理」 --> 「自定樣式」--> 「自定樣式進階版」
設定自己框架顏色等其它簡易改變
再來
選擇「部落格」--> 「選擇樣式管理」 --> 「自定樣式」--> 「CSS原始碼編輯」
其實CSS就好比拼圖一樣,一塊塊拼出來,每一個都是創作的結晶
接下來邊學邊介紹幾篇簡單CSS
大多CSS會遇到的是
1. body /*整個介頁面*/ 一修改全部BLOG都修改
2. #authority /*後台管理列*/ 這區塊裡可以調整顏色、大小、轉角、陰影等等
3. #container /*所有內容區塊*/ 可以調整內容區塊裡的相關設定
4. #header /*橫幅*/ 可改變寬度背景狀態顏色等等
5. #login-bar /*橫幅連結選項位置*/ 位置、大小等等設定
6. #banner /*橫幅主要內容*/ 自己設定BLOG名稱相關設定
7. .skiplink /*跳到主文*/ 部落格主文之相關位置大小
8. #blog-category /*部落格全站分類*/ 部落格全站設定之相關位置大小
9. #navigation /*其他服務頁面導覽*/ 如圖片、留言等等項目設定
10. #main /*文章標題區塊*/ 可是定文章標題位置等等設定
11. #content /*文章主要內容區*/ 可以設定大小等等
12. #spotlight /*公告版位*/ 相關設定
13. .article /*文章區塊間距離*/
14. #links /*側欄工具列*/
介紹不好可別打我喔~^^
留言列表