分享

漂亮QQ空间

 山乡武侠 2011-01-03
漂亮QQ空间
 

转自http://www.

 标准QQ空间皮肤代码 

<img src="javascript:document.getElementById('Mlogo').style.
background='url(http://顶部皮肤地址)';document.getElementById('all').
style.background='url(http://皮肤地址)';"> 

不更改顶部皮肤的QQ空间皮肤代码 

<img src="javascript:document.getElementById('all').style.background
='url(http://背景图片地址)';"> 

设置QQ空间顶部皮肤条透明度代码 

<img src="javascript:Mlogo.style.filter='alpha(opacity=30)';"> 
把30用0-100中喜欢的不透明度代替。100为不透明,0为完全看不见的透明。 

如何使用QQ空间皮肤代码 

我们只要把上面QQ空间代码中的两处“图片地址”,更改你自己喜欢的皮肤地址,就可以了,同样代码都是加到评论里,(提醒:代码中有两处地址,都要改, 那些代码是要放在新建的模块(当然,也可以在你原有的新建模块里增加一个项目)里的评论里的(自定义-个性模块--新建模块-板块名称-网页对话筐-评论-(图片栏和地址栏的http要删除) -点个保存方式-保存-关于做出来得模块,我们要隐藏它),如下图: 



如何得到QQ空间皮肤代码中的皮肤的网络地址?
 

首先 我们先进入:QQ个人空间—装扮空间-皮肤-看到自己自己喜欢的皮肤点右键-属性-可以看到皮肤地址(请注意那并不是放入皮肤代码的皮肤网络地址) 

例如,网络位置:http://imgcache.qq.com/qzone/item/orig/2/50.gif 

比如上图-现在:我们右键点皮肤小图片的,属性,看地址那拦,对照一下和皮肤网络位置的地址有什么区别,嘻嘻~看出来了吧,pre/2/50.gif和orig/2/50.gif不一样哦,也就是说只要我们把装扮空间里的皮肤地址里的pre—改为orig 

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

由于腾讯限制,通过以上方法得到的QQ空间皮肤地址如果直接用到代码里面是无法显示的。 

但我们可以把皮肤图片文件下载下来,上传到别的网页空间再调出来,是可以显示的。例如上面这个,上传到网易免费空间,得到地址: http://www.163.com/learn/q-zone/pf/0.jpg ,所以,代码就是: 

<img src="javascript:document.getElementById('all').style.background='
url(http://www.163.com/learn/q-zone/pf/0.jpg)';"> 

你可以用以上方法下载了QQ空间里的图片文件后上传到免费的网页空间去(例如个人主页、论坛、博客、相册等)得到图片文件的地址。当然,你也可以用你在网页上看到的任何图片做皮肤,看到喜欢的图片点右键-属性-地址-复制,OK,HOHO,喜欢什么皮肤想换就换,很简单吧! 

 

 

QQ空间的导航代码要分两部分来讲解、一是对QQ空间默认的导航条进行改动,二是干脆自己另外找一个导航条,这两种做法的QQ空间导航代码都很常用,但理解起来不难。 

改默认QQ空间导航文字的代码 

左边这个QQ空间导航,就是“主页”、“日志”这些东西,每个人的都一样,但是你可以在以下这段QQ空间导航代码中对你不喜欢的文字随意更改,只是记住:不要超过3个中文字,多了就不好看了! 

<img src="javascript:bt_1.innerText='主 页';bt_2.innerText='日记本'
;bt_3.innerText='音乐厅';bt_4.innerText='留言簿';bt_5.innerText='相册集'
;bt_6.innerText='过家家';bt_7.innerText='主人家';bt_8.innerText='谁理我';"> 

清除全部默认导航的QQ空间导航代码 

(如果想重新显示导航,将QQ空间代码删除就可以) 

<img src="javascript:bt_1.style.display='none';bt_2.style.display=
'none';bt_3.style. 
display='none';bt_4.style.display='none';bt_5.style.display='none';bt_6
.style.display='none'; 
bt_7.style.display='none';bt_8.style.display='none';" style="display:none;"> 

去除某一个导航文字的代码 

(如果想重新显示导航,将代码删除就可以) 

假如有人只想去掉其中一个或多个导航,QQ空间导航代码就这样改:比如去掉迷你屋,按顺序来排的话迷你屋的序号是6,所以,可以将代码改成: 
<img src="javascript:bt_6.style.display='none'" style="display:none;"> 

 

为空间加入新的flash导航代码 

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'引入QQ空间的flash导航地址\' quality=high wmode=\'transparent\' WIDTH=\'QQ空间导航条宽度\' HEIGHT=\'QQ空间导航条高度\' TYPE=\'application/x-shockwave-flash\'></div>';"> 

这个代码里“WIDTH=\'**\' HEIGHT=\'**\'”是FLASH的宽度和高度,可根据FLASH的大小和位置以及在QQ空间出现的地方调整,“\'地址\'”就是FLASH导航文件的地址,这个地址去那里找呢?网上有很多的。 

提供一组QQ空间导航 (flash) 

要观看导航的效果,请将以下地址复制到浏览器地址栏中,再按回车即可! 

http://www./qzone/flash1/21.swf 

http://www./qzone/flash1/22.swf 

http://www./qzone/flash1/23.swf 

http://www./qzone/flash1/24.swf 

http://www./qzone/flash1/25.swf 

http://www./qzone/flash1/26.swf 

http://www./qzone/flash1/27.swf 

http://www./qzone/flash1/28.swf 

http://www./qzone/flash1/29.swf 

 

 

QQ空间背景代码(图片类) 

1.QQ空间背景图片标准代码 
<img src="javascript:document.getElementById('Mlogo').style.background='url(顶部一
条图片的地址)';document.getElementById('all').style.background='url(背景图片的地址)';"> 

如果你不想改顶部背景图片条的话QQ空间代码只要这样就够了: 

<img src="javascript:document.getElementById('all').style.background='url(背景图片的地址)';"> 

2.清空顶部一条背景图片的方法: 
<img src=" javascript :Mlogo.style.background='';" style="
display:none;"><p>gainover</p> 

3.去掉主题部分的滚动条的方法: 
<img src="javascript:document.getElementById('initd').style.overflow=
'hidden';"><p>gainover</p> 

鼠标点击后更改大背景的代码: 
<span onclick="document.getElementById('all').style.background='url
(图片地址)';">显示文字</span> 

鼠标点击后更改顶部条内背景的代码: 
<span onclick="document.getElementById('MLOGO').style.background='url
(图片地址)';">显示文字</span> 

设置顶部图片条透明度: 

<img src="javascript:Mlogo.style.filter='alpha(opacity=30)';"> 

QQ空间背景代码(flash类) 

以下全屏显示flash背景的QQ空间背景代码范例 

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'QQ空间背景flash地址
\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' 
TYPE=\'application/x-shockwave-flash\'></div>';"> 

WIDTH:透明FLASH宽度 
HEIGHT:透明FLASH高度 
top:透明FLASH与空间顶端的距离 
left:透明FLASH与空间左端的距离 

QQ空间背景代码(音乐类 ) 

</textarea><embed src=http://你的背景音乐地址 width=0 height=0 loop= true> (此代码不显播放器) 

</textarea><embed src=http://你的背景音乐地址 width=2 height=2 loop= true> (此代码显播放器) 

推荐一组QQ空间背景flash 

树: http://cardimg.163.com/cards/diycard/front/front_47.swf 
郁金香: http://cardimg.163.com/cards/diycard/front/front_48.swf 
花-5: http://cardimg.163.com/cards/diycard/front/front_49.swf 
A Loving Wish: http://cardimg.163.com/cards/diycard/front/front_50.swf 
鱼: http://cardimg.163.com/cards/diycard/front/front_51.swf 
椰树: http://cardimg.163.com/cards/diycard/front/front_52.swf 
雪花: http://cardimg.163.com/cards/diycard/front/front_53.swf 

 

QQ空间漂浮物代码范例 

<img src="javascript:var num= 漂浮物个数 ;var e= QQ空间允许漂浮物个数 ;for(i=0; i<e;i++){ if(top.si[i]) { top.si[i].style.visibility=''; var P=Math.floor(Math.random()*num); top.si [i].src=' 漂浮物图片组地址 '+(P+1)+'.gif'; } } top.g_FallingMode=0; start_Falling(); new CFloat ('5','','0','3');"> 

漂浮物个数:比如一组漂浮物有3幅不同的图片组成,则漂浮物个数就是3 
QQ空间允许漂浮物个数:假如你填写的数字是15,即有3种15个漂浮物在你QQ空间漂浮。 
漂浮物图片组地址:这是QQ空间漂浮物代码区别于QQ空间图片代码的关键。 

比如有以下这么一组有3幅图片组成的QQ空间漂浮物地址: 
http://www./q-zone/piao/3665_1.gif 
http://www./q-zone/piao/3665_2.gif 
http://www./q-zone/piao/3665_3.gif 
(提请注意:同一组漂浮物的地址一定要以,***_1.gif、***_2.gif、***_3.gif的形式标注。) 

那么QQ空间漂浮物代码中的图片组地址为:http://www./q-zone/piao/3665_ 

按以上举例,完整的QQ空间漂浮物代码即是: 

<img src="javascript:var num=3 ;var e=15 ;for(i=0; i<e;i++){ if(top.si[i]) { top.si[i].style.visibility=''; var P=Math.floor(Math.random()*num); top.si [i].src=' http://www./q-zone/piao/3665_ '+(P+1)+'.gif'; } } top.g_FallingMode=0; start_Falling(); new CFloat ('5','','0','3');"> 

如何免费使用腾讯官方的QQ空间漂浮物呢? 

①打开“装扮空间” → ②打开“小装饰” → ③选择漂浮物 → ④在漂浮物图片上点右键。在弹出的“属性”窗口就可以看到图片文件的路径。 

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

但是这个不是漂浮物图案的地址,要把 pre 改为 orig : 
例如: http://imgcache.qq.com/qzone/item/pre/1/3665.gif  (商场装扮空间里的漂浮物展示的地址) 
改为: http://imgcache.qq.com/qzone/item/orig/1/3665.gif (这个打不开) 

但是打不开,为什么呢?原来图片不只一个,改为: 
http://imgcache.qq.com/qzone/item/orig/1/3665_1.gif  (实际的QQ空间漂浮物图片1地址) 
http://imgcache.qq.com/qzone/item/orig/1/3665_2.gif  (实际的QQ空间漂浮物图片2地址) 
http://imgcache.qq.com/qzone/item/orig/1/3665_3.gif  (实际的QQ空间漂浮物图片3地址) 

  


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约