通过代码自定义QQ空间的一套方案

王朝other·作者佚名  2008-05-21
窄屏简体版  字體: |||超大  

QQ空间可以自定义代码,把面板定制得更漂亮。有些朋友不知道基本步骤是什么。我现在来说一下自定义建立一套最基本的QQ空间步骤:

点自定义―>个性设置―>新建版块―>在评论中填入代码

①:背景图片代码

下面是更换QQ皮肤的新代码:

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

如果你不想改顶部图片条的话只要这样就够了:

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

②:导航条

如果你想将原来的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;">

清除导航条,建议不要全部清除,一定要保留“主页”。

是不是觉得文字的还不过瘾,好,下面来看FLASH的。先来看全屏显示的FLASH的代码:

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

这个代码里“WIDTH=\'925\' HEIGHT=\'655\'”是FLASH的宽度和高度,可根据FLASH的大小和位置以及在QQ空间出现的地方调整,“\'地址\'”就是FLASH导航文件的地址,这个地址去那里找呢?网上有很多,我找了一个做示范,看这个地址:http://www.yesky.com/qq.swf,那么代码就是:

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'http://www.yesky.com/qq.swf\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';">

③:去除顶部图片

因为一旦去除了顶部图片

就不能正确显示自定义了

所以我推荐大家使用以下代码来合理去除顶部图片

<img src="javascript:Mlogo.style.background='';" style="display:none;">

④:去除滚动条

<img src="javascript:document.getElementById('initd').style.overflow='hidden';">

这个我就不多做说明了。就是去除空间内横向和纵向的滚动条的,使空间更加美观 。

⑤:添加Flash透明背景

如果想使空间内容不单调,可以选择填加一个或多个Falsh特效的.具体代码如下:

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

WIDTH:透明FLASH宽度

HEIGHT:透明FLASH高度

top:透明FLASH与空间顶端的距离

left:透明FLASH与空间左端的距离

以上参数可根据FLASH的大小和位置以及在QQ空间出现的地方调整,不过要想全屏显示的就话就用上面的参数就可以了。这个代码里其实和QQ空间导航里的是一样的,只是用途不同,找到合适的FLASH地址就可以了。比如代码是 http://www.yesky.com/qq.swf,那么代码就是:

<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'http://www.yesky.com/qq.swf\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';">

⑥:添加进门效果

进门效果能让朋友进入你的QQ空间时看到动态效果。

具体代码如下:

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

这里的地址我也就不做太多的解答了

我想就算是菜鸟也能分清楚

什么是背景地址

什么是进门地址了吧

⑦:透明日记之类的窗口

为使空间得到更好的浏览效果,我建议大家填加一个透明效果,具体代码如下:

<img src="javascript:initd.style.filter='alpha(opacity=50)';" style=display:none>

(opacity=50)代表透明度,数值越小透明的感觉就越大。

添加后,点击日记或是相册之类的链接看到的就会是透明的,能看到背景图片。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航