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空間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空間皮膚代碼裏的使用説明，是一樣的。