博客首頁(yè)自定義風(fēng)格裝扮 一看就懂

Good fun編輯

       好幾位朋友問我，博客首頁(yè)是怎么做的,！今天和大家交流一下我博客首頁(yè)的裝扮方法,！說的比較啰嗦，希望新朋友都能看得懂,，高手勿擾,！

      首先看一下我博客首頁(yè)的縮略圖： 

 （圖1）

       上面整個(gè)風(fēng)格就是下面圖2上面放了N個(gè)圖3一樣的模塊,！

 （圖2）

 （圖3）

       在開始自定義前，先來了解下準(zhǔn)備工作,！裝扮博客如果要用背景圖片,，那么你可以從網(wǎng)上去下載自己喜歡的圖片或者自己用ps等制圖軟件來合成！如果你用ps做,，那么把整個(gè)風(fēng)格做成一張圖,，如圖2，然后用ps把他橫向切割成4張圖（如下圖）,，分別作為頂圖,，導(dǎo)航，中區(qū)和底圖,！這里要注意,，圖片的寬度要1004像素為佳，高度自定,！但要考慮到各區(qū)切割后的4張圖片高度都是有限制的,，頂圖的高度范圍是：24像素——450像素；導(dǎo)航背景圖是：32像素——100像素,；中區(qū)無限制，根據(jù)你博客內(nèi)容自動(dòng)延伸,，所以中區(qū)背景圖片的上邊接到該圖片下邊的時(shí)候看不出接縫,，這樣在垂直平鋪的時(shí)候就比較美觀，做的時(shí)候的留個(gè)心,；底圖的高度是：50像素——800像素,。不管你是自己做還是網(wǎng)上下載請(qǐng)準(zhǔn)備好這些圖片，記住儲(chǔ)存路徑,，方便等會(huì)用,！

       不知道PS圖片的切割切割點(diǎn)擊：大圖音畫的切割及拼合發(fā)表方法【原】

         還有模塊要用背景圖，也得準(zhǔn)備好,，模塊的背景要用9張圖片,，如下面兩圖！這里要注意：這9張圖片的寬度和高度都有限制,，這樣才保證圖片能完整顯示還不拼接,，較美觀：“1”和“3”的背景圖：寬度是0——50像素、高度是20——100像素,； “2”寬度根據(jù)你模塊的寬度大小適當(dāng)選擇,，高度最好和1、3一樣,；“4”和“6”的高度不限,，系統(tǒng)自動(dòng)垂直平鋪,，和中區(qū)的背景圖一樣，最好拼接的時(shí)候沒接縫,，做的時(shí)候留心,、寬度分別和“1”“3”一樣； “5”高度和寬度都不限制,，但是會(huì)水平平鋪和垂直平鋪,，所以圖片要注意沒接縫； “7”和“9”的寬度0——250像素,、高度是：0——100像素,； “8”高度和7、9一樣,，寬度不限,，但要水平平鋪，所以注意接縫,！

 好了準(zhǔn)備好上面的圖片,，下面我們開始自定義（按截圖操作）：

          最后三項(xiàng)設(shè)置你看的會(huì)的，這里就不說了,！

         學(xué)習(xí)更多ps教程,，請(qǐng)點(diǎn)擊：ps教程大全