公告版位

狀態廣告

想必很多人跟我一樣

對於一知半解的blog樣版除了套用之外目前還無其它方式可以使用

如果想要改變一下也可以

接下來介紹幾篇更改的方式與大家分享一下

一些組合應用的CSS語法與大家享受更改樂趣

不用心怕怕又驚驚~

其實我也是慢慢去接觸了解一方面做筆記方便自己記憶,一方面嘗試使用不同語法更改畫面

只要說明其實很簡單

 

套用樣版

一開始的方式到痞客邦「管理後台」

選擇「部落格」--> 「選擇樣式管理」 --> 「樣式選擇」

 

簡單設計

一開始的方式到痞客邦「管理後台」

選擇「部落格」--> 「選擇樣式管理」 --> 「自定樣式」--> 「自定樣式簡易版」

 

再度更改樣式

一開始的方式到痞客邦「管理後台」

選擇「部落格」--> 「選擇樣式管理」 --> 「自定樣式」--> 「自定樣式進階版」

 

自己創作樣式

一開始的方式到痞客邦「管理後台」

選擇「部落格」--> 「選擇樣式管理」 --> 「自定樣式」--> 「CSS原始碼編輯」

 

想必大家會以為CSS原始碼編輯會很困難

其實不然

大多方式會聯想幾個區塊,有些一變動會把所有BOLG樣式狀態改變

有些變動只有單單選擇項目

如果您想要把美美圖片以及更改框架大小就非得在這裡改變喔~

 

很多人會以為自己又不會怎麼寫這麼一大串呢?

小猴子拔拔提供一個方式讓大家一起分享

大家來跟我一起做吧!

首先

一開始的方式到痞客邦「管理後台」

Snap70

選擇「部落格」--> 「選擇樣式管理」 --> 「樣式選擇」要選擇可以修改的樣版

Snap71

或是

Snap72

選擇「部落格」--> 「選擇樣式管理」 --> 「自定樣式」--> 「自定樣式簡易版」

選擇好自己喜歡的基本框架

Snap73

Snap74

再到

選擇「部落格」--> 「選擇樣式管理」 --> 「自定樣式」--> 「自定樣式進階版」

設定自己框架顏色等其它簡易改變

Snap75

再來

選擇「部落格」--> 「選擇樣式管理」 --> 「自定樣式」--> 「CSS原始碼編輯」

 Snap76

 

其實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 /*側欄工具列*/

 

介紹不好可別打我喔~^^

 

 
 

 

 

文章標籤
創作者介紹

記憶的片段~放映中

☆故事☆ 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • Winnie
  • 請問怎麼讓兩邊留白變小?
找更多相關文章與討論

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼