修改無名網誌背景語法真簡單!

玩樂家 | 1/29/2011 | | Share on Facebook
如 何在無名網誌中,自行設定好看的背景呢?其實透過CSS語法就可以自訂無名網誌背景,不管你是想要拿漂亮的圖片當背景,還是出去玩的相片、照片作為背景, 甚至是簡約的顏色背景,都能滿足你的需求,只要依循這篇詳細的教學,修改無名網誌背景是很簡單的!本篇提供常見的無名網誌背景CSS設定...
如 何在無名網誌中,自行設定好看的背景呢?其實透過CSS語法就可以自訂無名網誌背景,不管你是想要拿漂亮的圖片當背景,還是出去玩的相片、照片作為背景, 甚至是簡約的顏色背景,都能滿足你的需求,只要依循這篇詳細的教學,修改無名網誌背景是很簡單的!本篇提供常見的無名網誌背景CSS設定語法,只要依照本 篇說明來修改無名網誌背景CSS設定語法,就能呈現出你想要的效果出來喔!
無名網誌背景CSS語法說明
下面的CSS語法(程式碼),能控制無名網誌背景的呈現,只要依照你的需求並且依循說明來修改、設定無名網誌背景語法,就能有漂亮的無名背景了!

如何讓背景在視覺上是舒服的,請參考:自訂網誌、部落格背景的必學技巧!


而這段語法修改完成後,再貼到無名網誌CSS樣式表最後面即可。修改此語法前,其實你可以先複製到記事本或是網頁編輯軟體中方便修改喔! 

body{
background :色碼; /*背景底色*/
background-image : url('背景圖片網址'); /*背景圖片網址*/

background-attachment: fixed; /*背景圖片固定*/
background-repeat : repeat;   /*背景圖片重複排列*/
background-repeat:no-repeat /*背景不重覆*/
background-repeat:repeat-x /*背景在X軸方向重覆*/
background-repeat:repeat-y /*背景在Y軸方向重覆*/

background-position : right /*背景位置靠右*/
background-position : left /*背景圖靠左*/
background-position : center /*背景圖置中*/
}


修改無名背景流程圖




圖片
圖片必須是可以外聯的圖片,或是也可以上傳到無名小站相簿中,直接使用無名相簿裡的圖片或相片當作背景來使用,取得圖片網址後再貼到語法紅色位置即可~

若不知道如何取得無名相簿中圖片或相片的網址,請點這裡觀看圖解教學。

  

background-image : url('背景圖片網址'); /*背景圖片網址*/  

固定方式
當瀏覽者拉動捲軸時,背景圖片是否會隨著視窗捲軸移動,若是不想讓背景圖片跟著移動,請保留此語法。

background-attachment: fixed; /*背景圖片固定*/

背景圖片是否重複排列與方式
可以依照需求來設定圖片是否重複排列。假如設為背景的圖片太小張,即使有設定背景圖片不重複排列,但是有可能出現背景圖片重複排列的情形,這時就必須透過影像編輯軟體把圖片調大才能解決,如果確定上傳的圖片大小是對的,也有可能圖片被相簿壓縮過喔!

background-repeat : repeat;   /*背景圖片重複排列*/
background-repeat:no-repeat /*背景 圖片不重覆*/
background-repeat:repeat-x /*背景圖片在X軸方向重覆*/
background-repeat:repeat-y /*背景 圖片在Y軸方向重覆*/
 


背景圖片位置
可以設定背景圖片放置位置。可以不使用此部分語法讓網誌自動設定位置。
background-position : right /*背景圖片置右*/
background-position : left /*背景圖片置左*/
background-position : center /*背景圖片置中*/






純色
background :色碼; /*背景底色*/
點這裡參考色碼表,然後複製所喜歡顏色的色碼,再貼到語法(紅色位置)中就好。

最後把修改好的無名網誌背景CSS語法複製起來,然後貼到無名網誌樣式表最後面即可~


注意!
修改CSS樣式前建議你備份,你可以把目前樣式存檔到我的樣式其中一個,或用記事本存檔,否則修壞的時候,會欲哭無淚喔!

若是無法修改無名網誌背景,可能的問題是
1.你目前套用的樣式不開放修改,請套用無名官方樣式或可修改的樣式!
2.樣式中已經有既有的無名網誌背景控制語法而衝突到,請直接從中設定!
3.因為瀏覽器並不支援(例如IE6),請更新瀏覽器至最新版!
4.背景圖片本身不支援外聯,請存至無名相簿或是可外聯的空間。

不知道什麼是瀏覽器請參考:什麼是瀏覽器?What Browser?



Share on Facebook

歡迎幫我們在玩樂家粉絲團點個讚!獲得最新好文!

玩樂家歡迎你加入我們,Google +1獲得最新好文!
Related Posts Plugin for WordPress, Blogger...

沒有留言 :

張貼留言