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

日期：2006-3-30 13:28:17 人气： [大 中 小]

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)代表透明度，数值越小透明的感觉就越大。

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

出处：本站原创 作者：不详

	评论人	评论内容摘要(共 0 条，查看完整内容) 得分 0 分	发表时间