回首页 ◎ 设为首页  
◎ 收藏本站  
◎ 联系我们  
  首 页  网络资讯  教程资料  免费资源  建站指南  休闲娱乐  经典整站  访客留言  
  当前位置:首 页 >> 免费资源 >> QQ资源 >> QQ空间Banner代码
最 新 推 荐
腾讯TM2007 Beta1新年..推荐
QQ实用地址大全(修订版)推荐
热 门 排 行
QQ空间里音乐不能播放..
QQ空间大图模块:SD娃..
QQ空间个性十足超酷个..
QQ空间模块--蓝色海潮
QQ空间模块:一眼万年
用手机传照片到QQ空间..
QQ空间最新FLASH模板N款
QQ空间模块--可爱的张..
QQ空间模块:绿色奥运
QQ空间模块:别再说你..
QQ空间大图模块:黑色..
QQ空间大图模块:SD娃..
QQ空间模块:当爱已成..
QQ空间模块:昨天你哭..
QQ空间模块:单身雨季
QQ空间大图模块:落败..
最 近 更 新
QQ空间留言代码:爱已..
QQ空间留言代码:有一..
QQ空间留言代码:祉想..
QQ空间留言代码:囿⒈..
QQ空间留言代码:也..
QQ空间非主流留言代码..
QQ空间非主流留言代码..
QQ空间非主流留言代码..
QQ被盗,选择哪些途径..
QQ空间黄钻服务使用中..
广 告 位 置
站 内 搜 索
关键词

搜索方式

搜索范围

精确匹配
QQ空间Banner代码

来源:盛绿设计 等级:默认等级
发布于2007-03-01 01:01 被读11次 【字体:
 

QQ空间Banner代码

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

下面将举例说明如何获得图片地址以及图片的宽度和高度:

   ①打开“装扮空间” → ②打开“小装饰” → ③选择Banner → ④在Banner图片上点右键。如下图:

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

   复制图片文件的路径下来,例如:http://imgcache.qq.com/qzone/item/pre/8/4744.gif

   但是这个不是Banner图案的地址,要把 pre 改为 orig :
   例如:http://imgcache.qq.com/qzone/item/pre/8/4744.gif (商场装扮空间里的Banner展示的地址)
   改为:http://imgcache.qq.com/qzone/item/orig/8/4744.gif (实际的Banner图片地址)

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

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

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

<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://www.qfans.net/qzone/banner/4744.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空间新建模块

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

  1.新年礼物,右上角:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:10;left:700;'><img src='http://www.qfans.net/qzone/banner/1.gif' WIDTH='190' HEIGHT='60'></div>';">

  2.新年快乐,右上角:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:10;left:700;'><img src='http://www.qfans.net/qzone/banner/2.gif' WIDTH='138' HEIGHT='90'></div>';">

  3.我来啦~~~,右上角:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:10;left:700;'><img src='http://www.qfans.net/qzone/banner/3.gif' WIDTH='190' HEIGHT='70'></div>';">

  4.很想你,右上角:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:10;left:700;'><img src='http://www.qfans.net/qzone/banner/4.gif' WIDTH='190' HEIGHT='70'></div>';">

  5.常来玩哦,右下角:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:550;left:700;'><img src='http://www.qfans.net/qzone/banner/5.gif' WIDTH='180' HEIGHT='70'></div>';">

  6.爱的传信,右下角:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:550;left:700;'><img src='http://www.qfans.net/qzone/banner/6.gif' WIDTH='138' HEIGHT='90'></div>';">

  7.静静等待,右下角:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:550;left:700;'><img src='http://www.qfans.net/qzone/banner/7.gif' WIDTH='180' HEIGHT='65'></div>';">

  8.let we dancing,右下角:
<img src="javas&#99;ript:document.getElementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:550;left:700;'><img src='http://www.qfans.net/qzone/banner/8.gif' WIDTH='190' HEIGHT='70'></div>';">


相关专题:暂无相关专题

上一篇:QQ空间皮肤代码
下一篇:QQ空间鼠标代码

共有评论 0 条 网友评分 0分 查看全部

【发表评论】 评分:1分 2分 3分 4分 5分


Powered By Www.Xydw.COM Ver1.14 管理
Copyright © 2004-2005 盛绿设计 All Right Reserved. XCMS
冀ICP备06026128号