更換面版不再難~模版變面版~方便簡單又美觀 @ 緣圓

更換面版不再難~模版變面版~方便簡單又美觀

~好玩的唷~試看看吧!^^

新發現耶！原來配合玄音唯心面版語法，只要看到喜歡的模版套組，

把圖片換過，就是又一個新面版產生囉！很好玩喔！來玩吧！！^^

只要找到喜歡模版的背圖及標題圖網址，然後儲存自行上傳，取得網址後，

再貼到唯心面版中的背景及標題圖位置就可以了。

模版網站：

法品靜.動態特效模板分享↓

上篇我們有教過如何下載模版，現在再回顧一下^^

1.點入模版網站，選點喜歡的模版示範

2.模版下載，將模版叫進FP編輯器裡

3.儲存模版

4.儲存好，找到存放模版路徑，將標題圖片及背景上傳到空間

5.上傳到google空間後，取得的網址。

背景圖：http://zxc2004.googlepages.com/aftebg.jpg

標題圖：http://zxc2004.googlepages.com/af.jpg

5.將圖片網址貼到玄音唯心面版ＣＳＳ語法

將背景圖貼到自背景固定位置背圖網址，標題圖貼到名標題欄底圖圖片網址

在CSS中找到下列這兩段語法↓

/*Background image for whole page自背景固定位置*/

body {background-image: url(背圖網址); background-repeat: repeat;background-attachment: fixed;background-position: center center; }

/*Blog title 名稱標題欄底圖*/

#yblogtitle .mbd,#yblogtitle .mft{height:580px;background:url(圖片網址) no-repeat;background-position: center center; }
#yblogtitle h1{color:#FFFFFF;}
#yblogtitle .tft {margin:510px 0px 0px 0px;} /*三按鍵位置設定*/

因為名稱標題欄高度設定是580，只要標題圖高度不超過580，就不用再調整高度。

然後是三按鍵位置設定，若是標題圖貼進去後（標題圖尺寸最好在900＊500之間)

覺得三按鍵位置好像太接近標題圖片，只要再調整一下高度，

將510px再調高一些，慢慢測試到自己滿意的位置。

好了，現在來試看看吧！將圖片網址貼到CSS語法中↓

/*Background image for whole page自背景固定位置*/

body {background-image: url(http://zxc2004.googlepages.com/aftebg.jpg); background-repeat: repeat;background-attachment: fixed;background-position: center center; }

/*Blog title 名稱標題欄底圖*/

#yblogtitle .mbd,#yblogtitle .mft{height:580px;background:url(http://zxc2004.googlepages.com/af.jpg) no-repeat;background-position: center center; }
#yblogtitle h1{color:#FFFFFF;}
#yblogtitle .tft {margin:510px 0px 0px 0px;} /*三按鍵位置設定*/

成果示範：