返回Q空间网首页 ·返回首页
·联系我们
·收藏本站
首页 | FLASH/视频模块 | 非主流模块 | 非主流地带 | qq空间音乐模块 | qq空间视频模块 | QQ空间闪字 | QQ空间免费区 | qq空间留言代码 | QQ空间开场 | QQ空间教程 | QQ空间挂件 | qq空间个性日志 | QQ空间代码 | QQ空间大图 | qq空间4.0FD模块 | QQ繁体字 | 5Q校内网
你的位置:主页>QQ空间挂件>文章内容
 
QQ空间挂件代码附带教程


免费添加QQ空间挂件新代码下面的方法失效,请查看最新QQ空间模块代码):

<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style=\'position:absolute;top:30;left:50;\'><img src=\'图片地址\' WIDTH=\'55\' HEIGHT=\'180\'></div>';">
WIDTH:图片宽度
HEIGHT:图片高度
top:图片与空间顶端的距离
left:图片与空间左端的距离

下面将举例说明如何获得图片地址以及图片的宽度和高度:
①打开“装扮空间” → ②打开“小装饰” → ③选择挂件 → ④在挂件图片上点右键,如下图:

  在弹出的“属性”窗口就可以看到图片文件的路径,如下图:

  复制下来就是:http://imgcache.qq.com/qzone/item/pre/1/2097.gif

  但是这个不是挂件图案的地址,要把pre—改为orig:

  例如:http://imgcache.qq.com/qzone/item/pre/1/2097.gif (商场装扮空间里的挂件展示的地址)
  改为:http://imgcache.qq.com/qzone/item/orig/1/2097.gif(实际的挂件图片地址)

  打开 http://imgcache.qq.com/qzone/item/orig/1/2097.gif 查看该图片的属性,可以看到尺寸是55 X 180 ,就是 宽度X高度 。

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

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

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

  大家可以用以上方法下载了QQ空间里的挂件图片文件后上传到免费的网页空间去(例如个人主页、论坛、博客、相册等)得到图片文件的地址。如果你都不会,请看 用QQ相册打造免费QQ空间皮肤和挂件

  以下是公子整理出来的部分QQ空间挂件图案及代码,欢迎大家选用(点击小图看大图):

1.挂玉:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/1.gif\' WIDTH=\'48\' HEIGHT=\'168\'></div>';">

2.招财猫:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/2.gif\' WIDTH=\'55\' HEIGHT=\'180\'></div>';">

3.生日快乐:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/3.gif\' WIDTH=\'72\' HEIGHT=\'235\'></div>';">

4.长沙漏:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/4.gif\' WIDTH=\'55\' HEIGHT=\'180\'></div>';">

5.卟噜美人鱼:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/5.gif\' WIDTH=\'55\' HEIGHT=\'180\'></div>';">

6.情人玫瑰:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/6.gif\' WIDTH=\'60\' HEIGHT=\'160\'></div>';">

7.新春祝福:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/7.gif\' WIDTH=\'60\' HEIGHT=\'200\'></div>';">

8.送福给你:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/8.gif\' WIDTH=\'55\' HEIGHT=\'180\'></div>';">

9.福啊~~:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/9.gif\' WIDTH=\'55\' HEIGHT=\'180\'></div>';">

10.可爱狗狗:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/10.gif\' WIDTH=\'55\' HEIGHT=\'180\'></div>';">

11.大红灯笼高高挂:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/11.gif\' WIDTH=\'55\' HEIGHT=\'180\'></div>';">

12.红包:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/12.gif\' WIDTH=\'70\' HEIGHT=\'180\'></div>';">

13.欢乐新一年:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" _fcksavedurl=""javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div" style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/13.gif\' WIDTH=\'60\' HEIGHT=\'160\'></div>';">

注意:挂件的位置不能通过鼠标随意移动,只能通过代码控制。top:图片与空间顶端的距离,left:图片与空间左端的距离,例如上面是“top:30;left:50;”,修改红色的数值就可以移动位置。

使用方法:
  在空间首页选择自定义,再点建立新模块,然后把代码写在“评论”这一栏里,其他的可以全部不填。可以参考里QQ空间皮肤代码里的使用说明,是一样的。

上一篇:QQ空间震撼FLASH——罔象幻迹   下一篇:用QQ相册打造免费QQ空间皮肤和挂件
[ 更多Q空间资源请访问 Q空间网 www.Qzone4.com]收藏到QQ书签
[收藏] [推荐] [评论(7条)] [返回顶部] [打印本页] [关闭窗口]
相关文章
·QQ空间最新挂件代码及其使用方法
·2007年5月最新qq空间挂件(热门版)
·qq空间图片素材-经典挂件
·最新免费七喜活动送Qzone挂件和QQ秀(5月10
·2007黑色个性酷酷灰度GIF动态挂件图片
·美化空间挂件素材=爱的系列
·可爱小人物挂件素材(精选QQ空间挂件)
·空间素材鲜花--花葬
·QQ空间精美挂件系列-新版
·N款QQ空间免费挂件直幅
·最新免费的漂亮QQ空间挂件
·2007QQ空间新版卡通名角挂件宠物
发表评论
玩转QQ繁体字,点击注册新会员) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
相关文章
·QQ空间最新挂件代码及其使用
·2007年5月最新qq空间挂件(
·qq空间图片素材-经典挂件
·最新免费七喜活动送Qzone挂
·2007黑色个性酷酷灰度GIF动
·美化空间挂件素材=爱的系列
热门文章
·qq空间动态图片挂饰挂件
·空间可爱边框、挂饰、挂件素
·QQ空间免费精美挂件《爱的系
·QQ空间精美挂饰—《花葬2》
·最新免费七喜活动送Qzone挂
·2007黑色个性酷酷灰度GIF动

将QQ猴设为首页 | 收藏QQ猴 | 关于我们 | 联系我们 | 网站地图 | 订阅qzone4 | Q繁体字网
Copyright © 2005 - 2006 QQ猴资讯网 All rights reserved.
本站所有资源均来自网络 版权归原作者所有 欢迎任何建议、批评和鼓励 站长Email:bookye@bookye.com QQ:866689
吉ICP备05002825号
收藏QQ猴空间站到QQ书签