導讀:免費添加QQ空間Banner新代碼(2006年1月24日測試可用):<img src="javascript:lementById('Mlogo').innerHTML+='<div style='position:absolute;top:30;left:50;'><img src='圖片地址' WIDTH='55' HEIG..
免費添加QQ空間Banner新代碼(2006年1月24日測試可用):
<img src="javascript:lementById('Mlogo').innerHTML+='<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="javascript:lementById('Mlogo').innerHTML+='<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="javascript:lementById('Mlogo').innerHTML+='<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="javascript:lementById('Mlogo').innerHTML+='<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="javascript:lementById('Mlogo').innerHTML+='<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="javascript:lementById('Mlogo').innerHTML+='<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="javascript:lementById('Mlogo').innerHTML+='<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="javascript:lementById('Mlogo').innerHTML+='<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="javascript:lementById('Mlogo').innerHTML+='<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="javascript:lementById('Mlogo').innerHTML+='<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空間皮膚代碼裏的使用説明,是一樣的。