为大家提供个性工具：在线(PhotoShop)图片处理、QQ表情加字、图片加标签、图片大小处理、个性拼图、动画制作、flash图片展示、QQ个性签名、最新QQ表情、在线证件制作等个性网民工具!

当前位置：首页 >> QQ空间挂件 >> 【qq空间挂件代码附带教程】

[QQ空间挂件] qq空间挂件代码附带教程

2008-04-15 11:37:19 作者：来源：浏览次数：318 文字大小：【大】【中】【小】

免费添加QQ空间挂件新代码（下面的方法失效，请查看最新QQ空间模块代码）：

<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：图片与空间左端的距离

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

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

　　复制下来就是：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="javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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="javascript:document.getelementbyid("mlogo").innerhtml+="<div _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<div" _fcksavedurl=""javascript:document.getelementbyid("mlogo").innerhtml+="<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空间挂件,本站所收集的QQ空间挂件信息部分来自网络,你在本站可以找到N多的QQ空间挂件信息,本站还为您提供了多种网民必备在线工具,希望我们的努力能让你满意！

如果你对【qq空间挂件代码附带教程】不感兴趣,您可以点击这里获取更多的QQ空间信息包括QQ个性签名、QQ个性网名、QQ空间图片模块、QQ空间留言代码、QQ空间日志代码、QQ空间免费代码、QQ空间挂件

本站还有更多工具供您使用

QQ空间个性签名

图片处理证件制作

个性拼图火星文制作

随机推荐QQ表情

为网民制作最好的在线工具,免费注册! 6号群:76208242 欢迎大家交流!	使用帮助登录注册加入收藏设为首页地图