QQ空间新手图文教程(页 1) - 网页制作 - 逐梦论坛

shillan 发表于 2006-3-18 10:38

QQ空间新手图文教程

第①讲:空间代码的加入步骤
下面我就以劲舞团全站代码为基础,一步步用文字和图片的方式教大家来做一个完整的qq空间.
这个全站我一共用了三个代码:背景+导航+模板透明.
背景代码: <img src="javascri&#112;t:document.getelementbyid('mlogo').inn&#101;rhtml+='<div style=\'position:absolute;top:0;left:0;\'><embed src="/\'http://upload.yyboo.com/presbyter/freezg/upload/jw(1).swf"\' quality=high wmode=\'transparent\' width=\'927\' height=\'657\' type=\'application/x-shockwave-flash\'></div>';">
导航代码: <img src="javascri&#112;t:document.getelementbyid('mlogo').&#105;nnerhtml+='<div style=\'position:absolute;top:0;left:0;\'><embed src="/\'http://www.52blog.net/uploadfiles/2005-12/125974769.swf"\' quality=high wmode=\'transparent\' width=\'925\' height=\'100\' type=\'application/x-shockwave-flash\'></div>';"> 
模板透明代码: 
<img src="javascri&#112;t:initd.style.filter='alpha(opacity=85)';" style=display:none>

第一步:
进入自己的qq空间.点击自定义.如图
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209225537625.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
第二步:
点击之后,会出现模板管理面板,并点击新建模板,如图:
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209225610800.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
第三步:
点击新建模板以后,出现一个窗口让你输入模板名称,你可以随便输入,为了以后好区分,最好还是用好记的名称,我用的是"劲舞动画"下图:
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209225640460.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
输入名称以后,点提交.提示:
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209225706535.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
第四步:
创建成功以后,会出现如下窗口:
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209225727205.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
我们在评论中放入第一个代码,也就是背景动画代码,
背景代码: <img src="javascri&#112;t:document.getelementbyid('mlogo').inn&#101;rhtml+='<div style=\'position:absolute;top:0;left:0;\'><embed src="/\'http://upload.yyboo.com/presbyter/freezg/upload/jw(1).swf"\' quality=high wmode=\'transparent\' width=\'927\' height=\'657\' type=\'application/x-shockwave-flash\'></div>';">
链接名称什么的,都不用管它.就像这样就行了,点保存,如下图
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209225755516.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
代码如果没有错误的话,会提示添加成功:
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209225833380.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
第五步:
确定以后.会出现一个这样的画面:
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209225907549.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
好多新手刚学做的时候(包括我),没处理这个画面,所以到最后会有一个这样的窗口出现在你的qq空间中.很难看
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209225932749.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
其实你要用鼠标左键一直按住这个窗口.把这个窗口拖动到看不到的地方,就可以了,一直按住会有一个十字的鼠标.按住不放拖动就行了
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209225907549.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
第六步:
加入导航代码和模板透明代码:
步骤和上面的一样,我就不多说了.要注意的就是.一定要把加完代码后出现的数据加载中...画面拖到自己看不到的地方.
第七步:
点击模板管理
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209230022162.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
把qq空间原的模板,前面的√都去掉,一直到"互动".
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209230046118.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
去掉以后.点提交:
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209230106167.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
最后保存就可以了
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209230129261.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>

第②讲:自定义找不到的解决方法:
虽然这是一个非常简单的问题,但我觉得有必要说一下.
现在的qq2006版本中的qq空间中已经没有q-zone主页等这东西了.
我们可以从<a href="http://q-zone.qq.com/">http://q-zone.qq.com</a>进入q-zone主页
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209230154673.jpg" onload="javascript:if(this.width>500)this.style.width=500;" border=0>
登陆自己的帐号:
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209230220560.jpg" width=208 onload="javascript:if(this.width>500)this.style.width=500;" border=0>
在个人信息下方,有一个安全模式,打√.再点击进入我的qzone,就可以进行模板的删除或空间还原了

第③讲:用以前的代码不能自定义的解决方法:
前段时间.tx又一次屏蔽了一些代码,本站的发的一些也都不能用了.每天好多人留言问怎么回事.问为什么用了你们站的代码会有这个提示:
<img style="cursor: pointer" onclick=javascript:window.open(this.src); src="http://www.12127.net/article/uploadfiles/200602/20060209231252151.jpg" width=441 onload="javascript:if(this.width>500)this.style.width=500;" border=0>
这就是因为以前发的一些代码中.含了一些不能用的代码.大家只要稍微改一下就可以了
比如:
<img src="/javascript:initd.style.filter="alpha(opacity=85)';" style=display:none>

这个是以前可以用的模板透明代码,现在却不行了.因为tx把javascript这个屏蔽了.我们只要改一下一样可以用的.javascript改成javascri&#112;t,也就是p改成&#112; 就成了:
<img src="javascri&#112;t:initd.style.filter='alpha(opacity=85)';" style=display:none>
大家看到以前有自己想用的.自己改一下就可以了.所有的都可以这样改,有时候一个代码中会有几个javascript.都要改了才可以.
演示：<a href="http://51993439.q-zone.qq.com/" target=_blank>http://51993439.q-zone.qq.com</a>

页: [1]

逐梦论坛's Archiver

QQ空间新手图文教程