空間裝扮在哪設(shè)置（怎樣裝扮空間）

關(guān)于空間裝扮在哪設(shè)置，怎樣裝扮空間這個(gè)問題很多朋友還不知道，今天小六來為大家解答以上的問題，現(xiàn)在讓我們一起來看看吧！

1、不是沒有代碼，你進(jìn)入空間裝扮頁(yè)面以后，點(diǎn)“挑選模板”→“我也來設(shè)計(jì)”→“切換到 CSS 編輯器”，一樣可以用代碼的。

2、附:快速制作百度空間 CSS 模板現(xiàn)在百度空間新增了可視化編輯器，CSS 代碼編輯器也提供了一套基準(zhǔn)代碼，框架結(jié)構(gòu)非常完整，所以現(xiàn)在 hier 們制作模板可以說是易如反掌啦。

3、先說可視化編輯器。

4、進(jìn)入你的空間，點(diǎn)“管理中心”--“空間裝扮”--“挑選模板”--“我也來設(shè)計(jì)”，就可以進(jìn)入可視化編輯器了。

5、第一步，你選擇一個(gè)基準(zhǔn)的色調(diào)，然后點(diǎn)擊“下一步”。

6、第二步，你可以設(shè)置背景圖片和模塊位置等信息，之后設(shè)置好模板的名稱、標(biāo)簽，以及色系，就可以保存了。

7、再簡(jiǎn)單說說用 CSS 代碼怎樣實(shí)現(xiàn)較為精密的編輯吧。

8、首先，還是同樣，進(jìn)入可視化編輯器頁(yè)面。

9、然后點(diǎn)擊右上角的“切換到 CSS 編輯器”鏈接(不用保存當(dāng)前的基準(zhǔn)模板)。

10、你就可以看到基準(zhǔn)代碼的框架結(jié)構(gòu)了。

11、然后，參考下面的內(nèi)容，對(duì)模板進(jìn)行編輯。

12、1. 設(shè)置背景圖片和文字顏色找到“大背景顏色及背景圖片設(shè)置”模塊的第一行:#body{background:#f3f3f3;}在 background: 后面添加 url(******) 字樣，括號(hào)里輸入所嵌入背景圖片的 URL 地址，就可以設(shè)置背景圖片了。

13、背景圖片默認(rèn)是橫向、縱向均平鋪，如果覺得不好看，那么可以在小括號(hào)后面添加代碼，請(qǐng)你根據(jù)需要選擇合適的代碼:no-repeat 表示橫向、縱向均不平鋪repeat-x 表示僅橫向平鋪repeat-y 表示僅縱向平鋪然后第二行是{color:#555b6e}這一行是設(shè)置頁(yè)面的文字顏色的，你可以參考 CSS 幫助，選擇你所需要的顏色，然后復(fù)制其顏色代碼，把原來的替換掉，就可以實(shí)現(xiàn)了。

14、如 {color:#ff0000} 就是設(shè)置文字顏色為紅色。

15、注意行末的分號(hào)一定不要丟掉。

16、2. 設(shè)置文章中的鏈接樣式在“頁(yè)面鏈接樣式設(shè)置”板塊中，有三個(gè)模塊，分別是 #a(普通鏈接)，#a_visited(已訪問過的鏈接)，#a_hover(鼠標(biāo)移到鏈接地址上)。

17、color 設(shè)置的是顏色，font-size 設(shè)置的是字號(hào)(pt 是磅的單位，)，font-family 設(shè)置的是字體，font-style 設(shè)置的是字形(可以使用:normal 正常;bold 加粗;italic 傾斜;underline 下劃線，多個(gè)樣式可以組合，在中間加空格就可以。

18、)3. 頭圖設(shè)置#header div.tit 設(shè)置的是大標(biāo)題的樣式，#header div.tit a.titlink 設(shè)置的是大標(biāo)題的鏈接樣式，#header div.tit a.titlink:visited 設(shè)置的是大標(biāo)題已點(diǎn)擊過的鏈接樣式，#header div.tit a.titlin:hover 設(shè)置的是鼠標(biāo)移到大標(biāo)題上時(shí)的鏈接樣式，#header div.desc 設(shè)置的是空間簡(jiǎn)介的文字樣式。

19、樣式設(shè)置可以參考上面的設(shè)置鏈接樣式的方式。

20、另外補(bǔ)充一個(gè)，top 和 left 設(shè)置的是文字的位置，top 是距頂端多少像素，left 是距左端多少像素，請(qǐng)根據(jù)需要進(jìn)行設(shè)置。

21、如果覺得標(biāo)題那一行的背景圖片不太適合，可以去色。

22、找到 #header 這一行，把 background 這一行字全部去掉就可以了。

23、如果你想換成別的圖片，只需要更改括號(hào)里的 url 地址就可以了。

24、4. 導(dǎo)航欄設(shè)置#tab 這一塊設(shè)置的是“主頁(yè) 博客 相冊(cè) 個(gè)人檔案 好友”這一行字的顯示樣式，設(shè)置方法可以參考上面的“設(shè)置鏈接樣式”和“頭圖設(shè)置”。

25、外補(bǔ)充一個(gè)，#tab span 設(shè)置的是兩項(xiàng)之間的分隔符的顏色，如果不想要分隔符，只需要在大括號(hào)里輸入 display:none 就可以實(shí)現(xiàn)了。

26、如果覺得背景圖片不適合，只需要把對(duì)應(yīng)的 background 那一行字去掉，或者修改 url 地址，就可以實(shí)現(xiàn)了。

27、5. 模塊設(shè)置.modth 設(shè)置的是模塊標(biāo)題欄的行高，里面的數(shù)字是模塊標(biāo)題有多少像素高。

28、.modpt 設(shè)置的是模塊右側(cè)的操作區(qū)(如友情鏈接右側(cè)的“編輯”，文章列表右側(cè)的“寫新文章”等，)文字樣式，可以參考前面的方法進(jìn)行設(shè)置.modtit 設(shè)置的是模塊標(biāo)題的樣式(如“文章列表”、“友情鏈接”的文字樣式)，可以參考前面的方法進(jìn)行設(shè)置。

29、如果覺得預(yù)覽的時(shí)候，模塊的背景色比較礙眼，擋住了背景圖片，那么就需要進(jìn)行去色處理。

30、找到代碼中的#modbox 模塊把這三行字去掉: border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; background-color:#fff;之后，把下面的 .modtl，.modtc，.modtr，.modbl，.modbc，.modbr 這幾個(gè)模塊也統(tǒng)統(tǒng)去掉，效果就實(shí)現(xiàn)啦。

31、這樣，模板就做好了，你就可以設(shè)置模板名稱、標(biāo)簽、色系和最佳適用版式啦。

本文分享完畢，希望對(duì)大家有所幫助。

標(biāo)簽：