剛剛看到留言有人問,正好覺得電腦方面的相關文章太少,所以就來打一篇教學吧~
(這時如果補一句:「絕對不是為了XXX喔」,就會變成標準的傲嬌發言了吧…
既然都提到傲嬌了,本次的心情圖示當然就是目前動漫界的一方傲嬌:柊 鏡小姐
)
OK,閒話休提,我們進正題吧…(好像都是我自己在扯…)
- 首先當然是進
控制主頁→版面配置→修改HTML
強烈建議在做任何修改以前,先利用Blogger本身的備份功能把自己的模板給備份到電腦裡
這樣以後不管出了什麼問題,最少都還救的回來 - 再來到「修改範本」裡找到這段程式碼 非摘要部分
body {
background:#ffffff;
- 接下來只要將
background:#ffffff;
代換成
background:url(http://你的背景圖位置)
就可以了,當然,你放圖的空間要支援外連
- 完了嗎?當然還沒…(拖)
因為這樣的話只會在背景放一張圖罷了
所以接下來有這幾種語法的組合運用- 圖無限拼貼語法:
background:url(http://你的背景圖位置) repeat;
你就會有一張會複製到滿滿的背景圖
圖僅縱向拼貼語法:
background:url(http://你的背景圖位置) repeat-y top left;
你就會有一張會縱向複製,頂上靠左的背景圖
圖僅橫向拼貼語法:
background:url(http://你的背景圖位置) repeat-x top left;
你就會有一張會橫向複製,頂上靠左的背景圖
一張大底圖居中語法:
background:url(http://你的背景圖位置) no-repeat top center;
你就會擁有單張,頂上居中的大圖囉~
如果你想將圖給固定住,不隨著上下拖拉移動,則在下一行自行加上固定命令語法即可,語法如下:
background-attachment:fixed;
這句語法就是命令你的背景圖固定不動的語句
- 圖無限拼貼語法:
- 其實就上面的語法應用,可以很容易的看出來
要控制方向,其實就是下面這幾個元素的組合
top與bottom是上下
而left、right與center分別就是左、右與置中
很簡單吧? - 最後要注意的就是背景圖與自己網誌的各種搭配了,這方面就自己慢慢去試吧
我是建議不要太花俏,要不然會影響閱讀的
P.S.1:
本來在寫的春香7,因為這篇,就延期到明天吧~(非常明顯的藉口)
P.S.2:
光看上面那張心情圖示可能不太瞭解什麼叫「傲嬌」
沒關係,下面這張是標準範例,保證一目瞭然~(拖)
没有评论:
发表评论