发新话题
打印

免费添加QQ空间Banner新代码

免费添加QQ空间Banner新代码

[post]  免费添加QQ空间Banner新代码(2006年1月24日测试可用):

<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空间挂件代码的图片。
  复制图片文件的路径下来,例如:

  但是这个不是Banner图案的地址,要把 pre 改为 orig :
  例如: (商场装扮空间里的Banner展示的地址)
  改为: (实际的Banner图片地址)

  打开 查看该图片的属性,可以看到尺寸是190 X 75 ,就是 宽度X高度 。

  注意:由于腾讯QQ空间方面做了限制,通过以上方法得到的Banner图片地址如果直接用到代码里面是无法显示的。

  免费的东西难道又没得用了?有一个方法,如果我们把Banner图片文件下载下来,上传到别的网页空间再调出来,是可以显示的。例如上面这个,上传到本站,得到地址:,所以,代码就是:

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:30;left:50;\'><img src=\'\' 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=\'\' WIDTH=\'190\' HEIGHT=\'60\'></div>';">

  2.新年快乐,右上角:
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:10;left:700;\'><img src=\'\' WIDTH=\'138\' HEIGHT=\'90\'></div>';">

  3.我来啦~~~,右上角:
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:10;left:700;\'><img src=\'\' WIDTH=\'190\' HEIGHT=\'70\'></div>';">

  4.很想你,右上角:
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:10;left:700;\'><img src=\'\' WIDTH=\'190\' HEIGHT=\'70\'></div>';">

  5.常来玩哦,右下角:
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:550;left:700;\'><img src=\'\' WIDTH=\'180\' HEIGHT=\'70\'></div>';">

  6.爱的传信,右下角:
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:550;left:700;\'><img src=\'\' WIDTH=\'138\' HEIGHT=\'90\'></div>';">

  7.静静等待,右下角:
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:550;left:700;\'><img src=\'\' 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=\'\' WIDTH=\'190\' HEIGHT=\'70\'></div>';">

使用方法:
  在空间首页选择自定义,再点建立新模块,然后把代码写在“评论”这一栏里,其他的可以全部不填。可以参考里QQ空间皮肤代码里的使用说明,是一样的。[/post]
[img]http://www.17k.com/images/biaoqing/flashMan01.gif[/img]17K原创文学网http://www.17k.com/main/member.do?userid=144163

TOP

发新话题