高手出招:打造个性的Q-ZONE/QQ-Zone

老是看的腾迅的那几个模板的空间,看久了还真觉得没个性,更换个背景什么的还要Q币,"我的地盘听我的",一切由我作主,现在教你个方法让你打造出自己的个性空间,绝对免费,LET'S GO!

第一步: 隐藏所有以前的所有模块.
打开我的空间,点击上面的自定义按钮(1),会出来自定义的工具栏模块,点击"个性设置"(2),再点"模块管理"(3)会出来个"Q-ZONE网页对话框",把左边的"√"全部去掉(4),点击"提交"按钮(5),这下回头来看看,以前空间里的模块全部没有了.(所有操作次序如下图一)

(图一)

第二步: 增加空间导航代码.
点击"新建模块"(6),(如图二)出现Q-ZONE网页对话框,输入模块名称"nav"(7),点击提交(8),进入Q-ZONE网页对话框(如图三),在评论中贴入导航代码:
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'http://d.quqq.com/q-zone/nav/quqq15/m5.swf\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';"> http://d.quqq.com/q-zone/nav/quqq15/m5.swf为导航的flash网址(可以到这里找得更多收集的相关导航动画,或者自己做一个),选择在本页中打开选项,点击保存,预览一下是不是多了个导航的动画,不过右边的导航栏还存在,下一步就来隐藏这个导航栏. (图二) (图三)


第三步: 隐藏右侧的导航栏. 
如图二 ,点"新建模块",输入名称"hideoldnav",点击提交,在如图三所示的网页对话框的评论中输入下面的代码:
<img src="javas&#99;ript: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';"> 
保存测试一下,右边的导航栏已经不见了.
第四步:更换背景代码
如图二 ,点"新建模块",输入名称"bg",点击提交,在如图三所示的网页对话框的评论中输入下面的代码: 
<img src="javas&#99;ript:document.getElementById('Mlogo').style.background='url(/UserFiles/2005-12/2/2005122215614246.jpg)';"> 
图片"/UserFiles/2005-12/2/2005122215614810.gif",为 Q-zone的那个小表格的背景图片,最好设置为透明图片,这样这个图片不会将整个背景图"/UserFiles/2005-12/2/2005122215614172.jpg"挡住,现在把刚才建的几个模块把它变到最小拉到上面去藏起来,点击保存看一下是不是新的效果又出来了!
至此,一个被修改的面目全非的Q-ZONE已经展现出来了(演示空间http://25576628.q-zone.qq.com)!
最后,由于有些时候中途会出错,导致无法使用模块管理功能,这个时候你可以使用腾迅提供的安全模式进去修改即可.腾迅禁止了innerHTML的使用,在导航代码中要将"& #105;"之间的空格去掉使用,因为网页会自动将& #105;换成"I",这一替换是是否成功的关键所在.