１、打開博客后點(diǎn)擊最上方的換風(fēng)格按鈕
２、點(diǎn)擊風(fēng)格自定義
３、點(diǎn)擊新建風(fēng)格
這樣就進(jìn)入模版編輯狀態(tài)
一、瀏覽器的設(shè)置
先將瀏覽器背景設(shè)置為水平+平鋪的方式，然后點(diǎn)擊選圖將下圖插入：
點(diǎn)擊圖片得到源圖片地址然后保存在自己的電腦上，一定要點(diǎn)擊圖片后在保存，否則在插入后面的圖片的時(shí)候，像素會(huì)不合適的。
將瀏覽器的背景根據(jù)自己的喜好，可設(shè)置為隨頁面滾動(dòng)和背景不隨頁面滾動(dòng)兩種，在這里我選擇的是后者，也就是在固定背景的小方框里打上鉤。
這樣瀏覽器就已經(jīng)設(shè)置好了。
二、頂區(qū)設(shè)置
將頂區(qū)高度設(shè)置為450PX，選擇不平鋪方式，選擇居中頂端的對(duì)齊方式，然后將下圖插入：
點(diǎn)擊圖片得到源圖片地址然后保存在自己的電腦上，一定要點(diǎn)擊圖片后在保存，否則在插入后面的圖片的時(shí)候，像素會(huì)不合適的。
然后設(shè)置頂區(qū)文字，你可以編輯自已的一段文字哦!
三、導(dǎo)航條的設(shè)置
導(dǎo)航條背景設(shè)置為100PX，選擇不平鋪方式，然后選擇居中、頂端的對(duì)齊方式，將下圖插入：
點(diǎn)擊圖片得到源圖片地址然后保存在自己的電腦上，一定要點(diǎn)擊圖片后在保存，否則在插入后面的圖片的時(shí)候，像素會(huì)不合適的。
導(dǎo)航條的文字設(shè)置：文字大小為標(biāo)準(zhǔn)字體大小，文字粗細(xì)為標(biāo)準(zhǔn)，文字的顏色碼為 #999564 （可直接復(fù)制到顏色代碼欄中），文字的水平位置為 549PX，文字的寬度為 58PX
注：文字的水平位置和文字寬度的數(shù)據(jù)請(qǐng)按本人提供的數(shù)據(jù)，這里如果改動(dòng)了，那7個(gè)欄目就不能乖乖的在我做好的小圈圈里了。
導(dǎo)航條當(dāng)前項(xiàng)的設(shè)置：文字選擇標(biāo)準(zhǔn)文字大小，文字粗細(xì)同樣為標(biāo)準(zhǔn)粗細(xì)，文字的顏色碼 #cecd92（可直接復(fù)制到顏色代碼欄中）
導(dǎo)航條鼠標(biāo)滑過項(xiàng)文字設(shè)置：文字選擇標(biāo)準(zhǔn)文字大小，文字粗細(xì)同樣為標(biāo)準(zhǔn)粗細(xì)文字的顏色碼 #cecd92（可直接復(fù)制到顏色代碼欄中）
四、中區(qū)的設(shè)置
進(jìn)入模板中區(qū)后，首先選擇一行三列的結(jié)構(gòu)模式，水平方式不用設(shè)置也可，對(duì)齊方式設(shè)置為居中頂端。然后設(shè)置4區(qū)的高度為 52PX（這里是不能夠改動(dòng)的，因?yàn)?區(qū)的圖片高度只有 52PX，要是你改高了，就變成露臍裝了）。
設(shè)置好后點(diǎn)選圖將下圖插入：
點(diǎn)擊圖片得到源圖片地址然后保存在自己的電腦上，一定要點(diǎn)擊圖片后在保存，否則在插入后面的圖片的時(shí)候，像素會(huì)不合適的。
中區(qū)1區(qū)和2區(qū)的設(shè)置很簡(jiǎn)單，將平鋪方式設(shè)置為垂直平鋪，對(duì)齊方式為居中，重要的是一定別忘記設(shè)置2區(qū)的寬度 47PX（這里也不能改動(dòng)的）然后將下圖分別插入1區(qū)和2區(qū)：
（2區(qū)圖片） （1區(qū)圖片）
點(diǎn)擊圖片得到源圖片地址然后保存在自己的電腦上，一定要點(diǎn)擊圖片后在保存，否則在插入后面的圖片的時(shí)候，像素會(huì)不合適的。
中區(qū)3區(qū)一定設(shè)置縮進(jìn)寬度的數(shù)據(jù)，否則邊框會(huì)跑到1區(qū)和2區(qū)中，影響美觀，這里小芷設(shè)置左右縮進(jìn)都為 41PX （這個(gè)數(shù)據(jù)只可大于41PX），設(shè)置水平+垂直的平鋪方式，然后將下圖插入：
點(diǎn)擊圖片得到源圖片地址然后保存在自己的電腦上，一定要點(diǎn)擊圖片后在保存，否則在插入后面的圖片的時(shí)候，像素會(huì)不合適的。
這樣中區(qū)部分的設(shè)置也就完成了。
五、底區(qū)的設(shè)置
底區(qū)首先設(shè)置高度 221PX，平鋪方式可設(shè)置為不平鋪，設(shè)置居中頂端的對(duì)齊方式，文字顏色碼為 #999564（可直接復(fù)制到顏色代碼欄中），文字距上間距設(shè)置為 35PX，然后點(diǎn)擊選圖將下圖插入：
點(diǎn)擊圖片得到源圖片地址然后保存在自己的電腦上，一定要點(diǎn)擊圖片后在保存，否則在插入后面的圖片的時(shí)候，像素會(huì)不合適的。
六、模塊的設(shè)置
因?yàn)槲覀€(gè)人不太喜歡很花的頁面，所以在這里模塊的背景沒有做過多的設(shè)置，只是將模塊的當(dāng)前區(qū)高度設(shè)置為 20PX，這里你可根據(jù)自己的需要添加模塊背景。
模塊文字的設(shè)置是最重要的，它可以說占領(lǐng)了頁面最主要的位置，清新協(xié)調(diào)的顏色搭配可以讓頁面更具觀賞，建議4項(xiàng)文字的顏色設(shè)置選用一個(gè)色系相接近的色碼，這里將參考數(shù)據(jù)附下：模塊標(biāo)題的顏色 # b1ae88，重要文字顏色 # 999564，次要文字顏色 # bfbb8e，鏈接文字顏色 #cecd92（可直接復(fù)制到代碼欄中），標(biāo)題的垂直位置設(shè)置為 27PX。
上圖是模塊邊框的設(shè)置，粗細(xì)為標(biāo)準(zhǔn)，類型為實(shí)線，顏色碼 #796045。
七、其他的設(shè)置
按紐的設(shè)置：背景顏色碼 #7a4e56，按紐邊框顏色碼 #cecd92，按紐文字顏色碼 #999564
分隔線設(shè)置：分隔線1顏色碼 #7d7355，分隔線2顏色碼 #cecd92
當(dāng)前項(xiàng)設(shè)置：當(dāng)前項(xiàng)顏色碼 #774c54。
如果你也想制作一款屬于自已個(gè)性的博客頁面,那你就趕快動(dòng)手去實(shí)踐一下吧!遇到‘困難’時(shí),請(qǐng)給我留言我會(huì)盡力幫助各位博友的.最后,祝您成功哦!
相關(guān)文章鏈接:
在博客中設(shè)置日志背景的代碼
點(diǎn)擊下面的滾動(dòng)圖片,即可分享不同風(fēng)格的個(gè)性首頁模塊,不妨點(diǎn)擊試試看哦!
附言:
如果你不想自己動(dòng)手制作,那你可以借用別人的個(gè)性風(fēng)格;網(wǎng)易系統(tǒng)提供了上千種不同的風(fēng)格模塊,你可以直接點(diǎn)擊進(jìn)入,選擇符合你的一款風(fēng)格哦!
網(wǎng)址 : http://blog.163.com/public/
點(diǎn)擊,同樣進(jìn)入↓〖網(wǎng)易博客風(fēng)格共享〗
相關(guān)文章鏈接:
| 點(diǎn)擊進(jìn)入 → 相關(guān)文章鏈接 |
◇自定義模塊怎樣用?◇
◇怎樣建立首頁模塊?◇
◇首頁日志鏈接模塊的制作◇
◇如何更換博客主題風(fēng)格◇
