2008-02-09

【Blogger】background(背景)

這算是凍仁改造Blogger的第一個功能.. 還很多東西要學習呢.. 學習學習XD

  1. 進控制主頁 > 範本 > 修改HTML
  2. 找到body {} 裡的 background:$bgcolor;
    background:url("http://Orz/DEhklB9RxK8/s1600/dragonraja_bg.png")
  3. 如要使用Google的Picasa空間
    • 上傳圖片至公開相簿
    • 點選 連結到此相片
    • 複製 內嵌於網站的 HTML
    • 留下圖片的連結
      ex. http://Orz/DEhklB9RxK8/s144/dragonraja_bg.png
    • 把樓上的 s144 改成 s1600 就可以當背景圖使用啦XD
相關語法

A.重複背景語法語法
background:url(http://背景圖位址) repeat;

B.背景居中語法
background:url(http://背景圖位址) no-repeat top center;

C.自動橫向重複,置於上方靠左的背景圖語法
background:url(http://背景圖位址) repeat-x top left;

D.固定背景不動
請在以上背景語法後,加上此語法
background-attachment:fixed;

E.範例應用:重複背景語法+固定背景不動語法
background:url(http://背景圖位址) repeat;
background-attachment:fixed;


背景圖放置對齊位置可以有下列組合運用:
top left 置上靠左
top right 置上靠右
bottom left 置下靠左
bottom right 置下靠右
bottom center 置下居中
top center 置上居中


資料來源:
oldWangs - 簡易更換Blogger的背景圖
gotoAndPlay() - 添加Blogger的背景圖
相關連結:
羊男實驗の咖啡館 - Blogger Title Background 圖片問題
0 與 1 謎詭世界 - Blogger圖片大小的控制

沒有留言 :

張貼留言

謝謝您的寶貴意見,凍仁一定會盡快處理 ~^^