| QQ空间代码之QQ空间Banner代码 | |||
|
免费添加QQ空间Banner新代码（2006年4月26日QQ空间3.0新版测试可用）： <img src="javascript:document.getElementById('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图片文件下载下来，上传到别的网页空间再调出来，是可以显示的。例如上面这个，上传到本站，得到地址：http://qqbw.com/learn/q-zone/ba88/0.gif，所以，代码就是： <img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqbw.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:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:10;left:700;\'><img src=\'http://qqbw.com/learn/q-zone/ba88/1.gif\' WIDTH=\'190\' HEIGHT=\'60\'></div>';">  2.新年快乐，右上角：<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:10;left:700;\'><img src=\'http://qqbw.com/learn/q-zone/ba88/2.gif\' WIDTH=\'138\' HEIGHT=\'90\'></div>';">  3.我来啦~~~，右上角：<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:10;left:700;\'><img src=\'http://qqbw.com/learn/q-zone/ba88/3.gif\' WIDTH=\'190\' HEIGHT=\'70\'></div>';">  4.很想你，右上角：<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:10;left:700;\'><img src=\'http://qqbw.com/learn/q-zone/ba88/4.gif\' WIDTH=\'190\' HEIGHT=\'70\'></div>';">  5.常来玩哦，右下角：<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:550;left:700;\'><img src=\'http://qqbw.com/learn/q-zone/ba88/5.gif\' WIDTH=\'180\' HEIGHT=\'70\'></div>';">  6.爱的传信，右下角：<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:550;left:700;\'><img src=\'http://qqbw.com/learn/q-zone/ba88/6.gif\' WIDTH=\'138\' HEIGHT=\'90\'></div>';">  7.静静等待，右下角：<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:550;left:700;\'><img src=\'http://qqbw.com/learn/q-zone/ba88/7.gif\' WIDTH=\'180\' HEIGHT=\'65\'></div>';">  8.let we dancing，右下角：<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:550;left:700;\'><img src=\'http://qqbw.com/learn/q-zone/ba88/8.gif\' WIDTH=\'190\' HEIGHT=\'70\'></div>';"> 使用方法： 在空间首页选择自定义，再点建立新模块，然后把代码写在“评论”这一栏里，其他的可以全部不填。可以参考里QQ空间皮肤代码里的使用说明，是一样的。 返回QQ空间代码大全 |
| 策划：发发公子 | |||||||
| www.qqbw.com | 建议您使用IE5.0以上版本的浏览器，800*600以上分辨率浏览本站 | ||||||
| 广告服务 | Copyright©2000-2006 qqbw, All Rights Reserved | ||||||
| 版权所有：免费Q币-QQ(OICQ)家园 (http://www.qqbw.com) | |||||||
 |