這系列文章來分享一些很基本的blog玩法,難的我也不會
部落格除了寫寫字、貼貼圖,其實還有許多小語法
讓格主可以更了解讀者的反應,也更凝聚網路上的小圈圈

VW部落格的功能真的很陽春,不過我還比較喜歡陽春點的介面
功能簡單、清楚最好,眼花撩亂的版面只會讓人找不到重點
以後如果開放自訂版位,那能玩的東西就多到不得了了!

制式的版型設計是最令人覺得無趣的
如果一個部落格只能改一個地方,「標頭」絕對是我最想換掉的部分

部落格的基礎是由「CSS」而來,也就是一大串的語法
有一點基礎改起來其實不難
在改之前我習慣先把原始的CSS備份,改了一處沒問題,再備份,再改下

一處
以免某一個地方出錯,但改過的地方太多,會找不出bug
到時就只能全部回溯、全部重來喔!

今天不貪心,來改一下標頭的圖就好^^

 

10

 



 

●step_1
先進入<樣版設計>,選一個妳喜歡的版型
記得喔,在這邊挑的重點是"欄位位置",比如我喜歡月曆、最新文章

、留言、計數器都在上方的版型,所以我挑了「自然悠活」
 

01
 

 

 

●step_2
點選<套用>,再點<前往我的部落格>,就可以看到套用成功囉!
※"後台管理"與"部落格",應該放在兩個視窗,用"Alt+Tab"切換

就好,每改完一次切到部落格,按下F5就能看到最新結果

02

 

 

 

●step_3

套用完畢後,利用這套版型來修改CSS!
點選右上方的<運用CSS來自訂您的樣版>,就會出現<編輯樣版CSS樣

式>,裡面有一堆語法

03-1

 

 

 

●step_4
那圖片在哪裡呢?
找到任何結尾是「.jpg」或「.gif」的網址,拷貝下來貼到ie裡,妳就

知道那是哪張圖啦!

03-2

 

 

●step_5
找到「http://verywed.com/vwblog/theme/1col7nature/images/bg1.jpg」是一張圖,貼到ie觀看,娃~原來是背景圖!
※bg是很常用的命名代號,為background的縮寫

 

05

 

 

●step_6
每個網址都可以看看是什麼圖,找到

http://verywed.com/vwblog/theme/1col7-nature/images/bg2.jpg

就是標頭的大圖!將圖片另存新檔。
※每個版型大圖網址不同,要自己找喔~
 

06
 

 

 

●step_7
到妳的繪圖軟體中打開剛存下的背景圖,選一張妳要放的照片覆蓋掉。

因為標頭的圖是橫的,設計時盡量找橫圖喔,不然也可以像我的VW個人

頁這樣好幾張拼成一張橫圖。
做好存成「bg2.jpg」

07

 

 


●step_8
將新的「bg2.jpg」上傳到網路上,比如妳的網路空間、Flickr...等等

,我傳到Flickr。
接著在傳好的圖上點右鍵,就可以拷貝圖片的網路路徑。


08-1

08-2

 

 

●step_9
回到<編輯樣版CSS樣式>,把原本的標頭圖檔網址,換成妳上傳的新圖

檔網址。

09


●step_10
切到部落格按下F5,就看到標頭大圖換掉囉^Q^
其他所有的圖(背景、分隔線...等等)換法都一樣囉~

 

10

 

 


▼▼▼▼▼▼▼
其實CSS語法仔細看就看得懂...
header = 標頭
background = 背景圖
category-menu = 分類選單
article-footer = 文末
note-header = 便利貼表頭
note-body = 便利貼表身
note-footer = 便利貼表尾
messagelist = 留言框
footer = 頁尾

這幾張圖換一換,版面就大不同囉~~!!

 


by阿貓

阿貓阿狗的另類浪漫❤主站 / VW分站