QQ空間程式碼之QQ空間Banner程式碼

導讀:免費新增qq空間Banner新程式碼(2006年1月24日測試可用):<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='圖片地址' WIDTH='55' HEIG..

QQ空間程式碼之QQ空間Banner程式碼

免費新增QQ空間Banner新程式碼(2006年1月24日測試可用):

<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='圖片地址' WIDTH='55' HEIGHT='180'></div>';">
引數說明:WIDTH:圖片寬度
     HEIGHT:圖片高度
     top:圖片與空間頂端的距離
     left:圖片與空間左端的距離

  其實這個程式碼和QQ空間掛件程式碼是一樣的。下面將舉例說明如何獲得圖片地址以及圖片的寬度和高度:

  ①開啟“裝扮空間” → ②開啟“小裝飾” → ③選擇Banner → ④在Banner圖片上點右鍵。在彈出的“屬性”視窗就可以看到圖片檔案的路徑。以上過程可以參考QQ空間掛件程式碼的圖片。
  複製圖片檔案的路徑下來,例如:http://imgcache.qq.com/qzone/item/pre/11/3531.gif

  但是這個不是Banner圖案的地址,要把 pre 改為 orig :
  例如:http://imgcache.qq.com/qzone/item/pre/11/3531.gif (商場裝扮空間裡的Banner展示的地址)
  改為:http://imgcache.qq.com/qzone/item/orig/11/3531.gif (實際的Banner圖片地址)

  開啟 http://imgcache.qq.com/qzone/item/orig/11/3531.gif 檢視該圖片的屬性,可以看到尺寸是190 X 75 ,就是 寬度X高度 。

  注意:由於騰訊QQ空間方面做了限制,通過以上方法得到的Banner圖片地址如果直接用到程式碼裡面是無法顯示的。

  免費的東西難道又沒得用了?有一個方法,如果我們把Banner圖片檔案下載下來,上傳到別的網頁空間再調出來,是可以顯示的。例如上面這個,上傳到本站,所以,程式碼就是:

<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/ba88/0.gif' WIDTH='190' HEIGHT='75'></div>';">

  注意:Banner的位置不能通過滑鼠隨意移動,只能通過程式碼控制。top:圖片與空間頂端的距離,left:圖片與空間左端的距離,例如上面是“top:30;left:50;”,這個是放在左上角的數值,修改紅色的數值就可以移動位置。常用的四個角的值為:
左上角 top:30;left:50;    左下角 top:550;left:50;
右上角 top:10;left:700;    右下角 top:550;left:700;
  以上數值供參考,可根據圖片大小及位置調整。

  大家可以用以上方法下載了QQ空間裡的Banner圖片檔案後上傳到免費的網頁空間去(例如個人主頁、論壇、部落格、相簿等)得到圖片檔案的地址。如果你都不會,請看 用QQ相簿打造免費QQ空間面板和掛件

  以下是公子整理出來的部分QQ空間Banner圖案及程式碼,歡迎大家選用(點選小圖看大圖):

  1.新年禮物,右上角:
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:10;left:700;'><img src='http://qqjia.com/learn/q-zone/ba88/1.gif' WIDTH='190' HEIGHT='60'></div>';">


  2.新年快樂,右上角:
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:10;left:700;'><img src='http://qqjia.com/learn/q-zone/ba88/2.gif' WIDTH='138' HEIGHT='90'></div>';">


  3.我來啦~~~,右上角:
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:10;left:700;'><img src='http://qqjia.com/learn/q-zone/ba88/3.gif' WIDTH='190' HEIGHT='70'></div>';">


  4.很想你,右上角:
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:10;left:700;'><img src='http://qqjia.com/learn/q-zone/ba88/4.gif' WIDTH='190' HEIGHT='70'></div>';">


  5.常來玩哦,右下角:
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:550;left:700;'><img src='http://qqjia.com/learn/q-zone/ba88/5.gif' WIDTH='180' HEIGHT='70'></div>';">


  6.愛的傳信,右下角:
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:550;left:700;'><img src='http://qqjia.com/learn/q-zone/ba88/6.gif' WIDTH='138' HEIGHT='90'></div>';">

 


  7.靜靜等待,右下角:
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:550;left:700;'><img src='http://qqjia.com/learn/q-zone/ba88/7.gif' WIDTH='180' HEIGHT='65'></div>';">


   we dancing,右下角:
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:550;left:700;'><img src='http://qqjia.com/learn/q-zone/ba88/8.gif' WIDTH='190' HEIGHT='70'></div>';">

使用方法:
  在空間首頁選擇自定義,再點建立新模組,然後把程式碼寫在“評論”這一欄裡,其他的可以全部不填。可以參考裡QQ空間面板程式碼裡的使用說明,是一樣的。