4244 积分	53 好友	508 主题

发消息

自定义QZONEQQ空间导航条

1楼

发表于 2007-4-4 21:05:42 | 查看: 1959| 回复: 1

自定义QZONEQQ空间导航条

本代码与一无所有代码略有冲突，如果使用本代码那请先将一无所有代码中清除顶部条内容的代码删掉（清背景的那个代码不用删），然后将导航代码中的Mlogo.innerHTML+=改成Mlogo.innerHTML=

“QZONE空间执行具体代码段代码”1楼关于导航条的3段代码我依次解释下：
[code]<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" onload="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;">
<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" onload="Mlogo.innerHTML+='<div style=\u0027position:absolute;top:83;left:708\u0027><table cellSpacing=0 cellPadding=0 border=0><tr><td class=bt_off id=mybt_1 onclick=\u0022window.top.location=\u0027http:\u002f/\u0027+g_iUin+\u0027.q-zone.qq.com\u0027;\u0022 align=middle>主　页</td></tr><tr><td class=bt_off id=mybt_2 onclick=\u0022tall(\u0027日　志\u0027,\u0027tblog\u0027,\u0027/client/tblog.shtml?\u0027+g_iUin);\u0022 align=middle>日　志</td></tr><tr><td class=bt_off id=mybt_3 onclick=\u0022tall(\u0027音乐盒\u0027,\u0027tmusic\u0027,\u0027/client/tmusic.shtml?uin=\u0027+g_iUin);\u0022 align=middle>音乐盒</td></tr><tr><td class=bt_off id=mybt_4 onclick=\u0022tall(\u0027留言板\u0027,\u0027tgb\u0027,\u0027/cgi-bin/blog/cgi_blog_hostmsg?uin=\u0027+g_iUin);\u0022 align=middle>留言板</td></tr></table></div>';"> [/code]

[code]<img src="http://bbs.w3sea.net/_mytemp/qqzone/SMLOGO.gif" onload="Mlogo.innerHTML+='<div style=\u0027position:absolute;top:199;left:708\u0027><table cellSpacing=0 cellPadding=0 border=0><tr><td class=bt_off id=my_bt_5 onclick=\u0022tall(\u0027相　册\u0027,\u0027tphoto\u0027,\u0027/client/tphoto.shtml\u0027);\u0022 align=middle>相　册</td></tr><tr><td class=bt_off id=my_bt_6 onclick=\u0022tall(\u0027迷你屋\u0027,\u0027thome\u0027,\u0027http:\u002f/home.qq.com/home/initial.shtml?author=tencent&uin=\u0027+g_iUin);\u0022 align=middle>迷你屋</td></tr><tr><td class=bt_off id=my_bt_7 onclick=\u0022tall(\u0027个人信息\u0027,\u0027tinfo\u0027,\u0027http:\u002f/q-zone.qq.com/fcg-bin/cgi_show_userinfo.fcg?uin=\u0027+g_iUin);\u0022 align=middle>个人档</td></tr><tr><td class=bt_off id=my_bt_8 onclick=\u0022tall(\u0027互　动\u0027,\u0027thudong\u0027,\u0027http:\u002f/q-zone.qq.com/fcg-bin/cgi_alternant.fcg?uin=\u0027+g_iUin);\u0022 align=middle>互　</td></tr></table></div>';"> [/code]
1·这个是一无所有空间代码的一部分，把原来的导航按纽都隐藏了

2+3·这两段代码通过对Mlogo单元格（显示地址的顶部表格）注入html来填加自己的空间导航连接。由于2个合在一起超过1024字数限制所以拆成了2个表格

从第一个标签DIV说起：
<div style=\u0027position:absolute;top:83;left:708\u0027>
\u0027是单引号'的UNICODE输出代码
position:absolute设定距离是相对整个窗口