QQ空间制作2[泥客论坛（十几年前的回忆）]

>> 网页设计交流，相互学习，共同进步……

搜一搜相关精彩主题

泥客论坛（十几年前的回忆） → 泥客技术 → ☆网页制作☆ → QQ空间制作2

您是本帖的第 6111 个阅读者

树形打印

标题：

QQ空间制作2

爬墙的猫

头衔：懒猫半个

等级：高中三年级

威望：10

文章：1279

积分：22132

楼主

QQ空间制作2

第一就是在个性版块里建个新的版块，把里面的htpp;//删了，把以下代码放进评语里就OK！）
/首先做皮肤！<img src="javascript:document.getElementById('all').style.background='url(大图地址)';">

1/接下来删了顶部图片！<img src="javascript:Mlogo.style.background='';">

2/接下来做导航清除导航条，建议不要全部清除，一定要保留“主页”我已经帮代码修改了你复制去就OK了。
<img src="javascript:bt_3.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;">

说明：代码中的bt_1.style.display='none';、bt_2.style.display='none';……等等表示的就是你想去掉的导航，假如现在你只想保留主页而把其他导航都去掉，那么你就把代码中的bt_1.style.display='none';删掉，最后的效果就是你的导航只剩下主页，其他的都被清除掉了。（记住：你删掉的就是你要保留的导航！我自己是删了1 2 4）
接下来把刚刚做的导航条移到上面！
第一步.

<img <img src="javascript:document.getElementById('bt_3').style.width='88';document.getElementById('bt_3').style.height='31';document.getElementById('bt_3').style.position='absolute';document.getElementById('bt_3').style.top=0;document.getElementById('bt_3').style.left=264;document.getElementById('bt_4').style.width='88';document.getElementById('bt_4').style.height='31';document.getElementById('bt_4').style.position='absolute';document.getElementById('bt_4').style.top=0;document.getElementById('bt_4').style.left=351;"></img><img src="javascript:bt_3.style.background='url(LOGO地址)';bt_4.style.background='url(LOGO地址)';"></img><img src="javascript:bt_3.innerText='ＳＤ?音乐';bt_4.innerText='自己的字留言';"> 由于上面我们把音乐也删了所以不用管它！
当中（LODO地址）可以不用管，想做也没有关系，去我日记里找（LODO）的地址！（我没做）

3/清空顶部一条所有内容的方法（CRTL+J是进入自定义的快捷键）：
<img src="javascript:Mlogo.innerText=''" style="display:none;">

4/这个做了接着做全屏！

首先去掉原来的滚动条
<img src="javascript:document.getElementById('initd').style.overflow='hidden';"> <font color=red>gainover</font>

5/接下来这个代码你做好先别保存要把这个没用的框先拉到上面隐藏了！
<img src="javascript:
document.getElementById('initd').style.left='0';document.getElementById('initd').style.top='0';document.getElementById('initd').style.width='925';document.getElementById('initd').style.height='655';"></img><font color="#F49BC1">Milk Baby</font>
这样模块和FLASH就可以在空间的任何位置移动了

6/接下来做透明FLASH！

</textarea></table></tr><td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"><embed src="FLASH地址" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="647" height="490" play="true" loop="true" quality="high" scale="showall" wmode="transparent" menu="true"></embed></td></tr></table><font color=red>gainover</font>

7/做好FLASH接下来做主页导航！如果先做导航的话那么FLASH会挡住导航的！所以导航是最后做的！
</textarea></table></tr><td><embed src="http://www.52blog.net/user1/53094/upload/200510196738.swf"  pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="600" play="true" loop="true" quality="high" scale="showall" wmode="transparent" menu="true"></embed></td>
</tr></table><p>mina.yaoer</p>

可爱猪猪的！！！建议女生用！！HOHO！！！

</textarea></table></tr><td><embed src="http://www.52blog.net/user1/53094/upload/200510175854.swf" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="600" height="450" play="true" loop="true" quality="high" scale="showall" wmode="transparent" menu="true"></embed></td>
</tr></table><p>mina.yaoer</p>

8/旋转导航
</textarea></table></tr><td><embed src="http://www.52blog.net/user1/53094/upload/200510189578.swf" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="600" play="true" loop="true" quality="high" scale="showall" wmode="transparent" menu="true"></embed></td>
</tr></table><p>mina.yaoer</p>

顶部（空间右上角的地方）
<img src="javascript:var s=document.createElement('script');s.src='http://wonzone.go2.icpcn.com/qzone/public/mtv_top.js';document.body.appendChild(s);" style=display:none></img>

底部（空间右下角的地方）
<img src="javascript:var s=document.createElement('script');s.src='http://wonzone.go2.icpcn.com/qzone/public/mtv_bottom.js';document.body.appendChild(s);" style=display:none></img>

养花（比上面这个高一点）
<img src="javascript:var s=document.createElement('script');s.src='http://wonzone.go2.icpcn.com/qzone/public/mtv_f1.js';document.body.appendChild(s);" style=display:none></img>

不养花（未测试）
<img src="javascript:var s=document.createElement('script');s.src='http://wonzone.go2.icpcn.com/qzone/public/mtv_f0.js';document.body.appendChild(s);" style=display:none></img>

如果想自己设置MTV顶部的文字,链接,列表内容等,可以把设置文件下载回去,然后上传到你自己的空间,然后把上面

http://wonzone.go2.icpcn.com/qzone/public/mtv_f0.js部分换成对应的地址就可以了,具体如何设置在文件中有

================================= 心中的黑羽毛不知道飘向何方

2006/2/13 21:08:30

爬墙的猫

头衔：懒猫半个

等级：高中三年级

威望：10

文章：1279

积分：22132

第 2 楼

QQ空间制作2

说明;
下载设置文件

  1·进入空间就改皮肤代码
<img src="javascript:document.getElementById('Mlogo').style.background='url(刊头图片地址)';document.getElementById('all').style.background='url(皮肤图片地址)';">
如果你不想改刊头横幅条片条的话只要这样就够了：
<img src="javascript:document.getElementById('all').style.background='url(皮肤图片地址)';">
2·鼠标点击后更改皮肤代码：
<span onclick="document.getElementById('all').style.background='url(图片地址)';">更改皮肤背景</span>
鼠标点击后刊头横幅条背景的代码：
<span onclick="document.getElementById('MLOGO').style.background='url(图片地址)';">更改刊头</span>
3·刊头横幅条透明度：
<img src="/javascript:Mlogo.style.filter="alpha(opacity=30)';">
把30用0-100中喜欢的不透明度代替。100为不透明，0为完全看不见的透明
清除刊头横幅条代码 <img src="/javascript:Mlogo.style.background='";">
4·自定义鼠标图片
   方法与改背景图片相似：
<img src="/javascript:document.body.style.cursor="url(\'鼠标图片的地址，可以是.ANI或.CUR文件\')'">
6·清除导航条的方法：
<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;"><p>sy.3355.cn</p>
要清除单项的话
<img src="/javascript:bt_n.style.display='none'"><p>sy.3355.cn</p>
其中红色的n是你要选择的那个比如按顺序是1 主页 2日志3音乐4留言5相册6迷你7个人资料
8互动
7·去掉主题部分的滚动条的方法：
<img src="javascript:document.getElementById('initd').style.overflow='hidden';">
别忘记可以把这个方法跟其他技巧一起使用
8·改变空间标题
空间标题就是整个游览空间的窗口最上面一条显示空间名字的地方，如果没有改变空间标题的话默认是：
空间名称[QQ号.q-zone.qq.com] - Q-ZONE
使用的代码是document.title='你要显示的文字/符号';
这个东西可以用IMG的javascript:自动执行，也可以用在一些东西的ONMOUSEOVER在鼠标经过时执行，那就别忘记在ONMOUSEOUT的时候还原成原来样子
<img src="/javascript:"document.title='又是个QZONE空间';">
9·免费使用商城皮肤代码：
<img src=" javascript:mall_changeItem('1','物品ID','0','0','0','0','0');">
将物品ID更改成你想设置为皮肤图片的物品ID
示例：
<img src=" javascript:mall_changeItem('1','201,'0','0','0','0','0');">
10·免费使用商城挂件代码：
<img src="/javascript:"space_addGJ('2', '物品ID', '横坐标', '竖坐标', '0', '0', '0');">
将物品ID更改成你想设置为使用图片的物品ID
横坐标是物品距离左边框的距离
竖坐标是物品距离上边框的距离
示例：
<img src="/javascript:"space_addGJ('2', '1532', '150', '150', '0', '0', '0');">
11·免费使用商城BANNER代码：
<img src="javascript:mall_changeItem('3','物品ID', '横坐标', '竖坐标','物品宽','物品高','0');">
将物品ID更改成你想设置为使用图片的物品ID
横坐标是物品距离左边框的距离
竖坐标是物品距离上边框的距离
因为挂件大小不一所以要注意图片大小来设定物品宽、高
示例：
<img src="javascript:mall_changeItem('3','1501','700','440','190','146','0');">
12·免费使用商城鼠标代码：
<img src="javascript:mall_changeItem('4','物品ID','0','0','0','0','0');">
将物品ID更改成你想设置为使用图片的物品ID
示例：
<img src="javascript:mall_changeItem('4','181','0','0','0','0','0');">
13·免费使用商城漂浮物代码：
<img src="javascript:mall_changeItem('5','物品ID','0','1','3','0','0');">
将物品ID更改成你想设置为使用图片的物品ID
示例：
<img src="javascript:mall_changeItem('5','658','0','1','3','0','0');">
14·免费使用商城音乐播放器代码：
<img src="javascript:mall_changeItem('6','物品ID','横坐标','竖坐标','宽','高','0');">
将物品ID更改成你想设置为使用图片的物品ID
横坐标是物品距离左边框的距离
竖坐标是物品距离上边框的距离
因为挂件大小不一所以要注意图片大小来设定物品宽、高
示例：
<img src="javascript:mall_changeItem('6','1475','713','1','210','120','0');">
15·主页图片无边框代码
<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"> </textarea><IMG src="图片地址" border="0" width="图片的宽" height="图片的高">
16·主页FLASH无边框代码
<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"></textarea><embed src="FLASH地址" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="宽" height="高" play="true" loop="true" quality="high" scale="showall" menu="true"></embed></div>
17·主页透明FLASH无边框代码
<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"> </textarea><EMBED src="FLASH地址" quality=high wmode="transparent" WIDTH="宽" HEIGHT="高" TYPE="application/x-shockwave-flash"></div>
18·主页图片像幻灯片一样变换的代码
language="javascript"> var adImg = new Array(); var adLink = new Array(); var cID = 0; adImg[0] = "图片1地址"; adLink[0] = "图片1地址"; adImg[1] = "图片2地址"; adLink[1] = "图片2地址"; adImg[2] = "图片3地址"; adLink[2] = "图片3地址"; var preImgs = new Array(); for(i=0;i<3;i++) { preImgs = new Image(); preImgs.src = adImg; } function NextAd() { if(cID == 3)cID=0; if(document.all) { imgAD.filters.revealTrans.Transition=Math.floor(Math.random()*23); imgAD.filters.revealTrans.apply(); imgAD.src = adImg[cID]; imgAD.filters.revealTrans.play(); cID++; setTimeout("NextAd()", 4000); } } function ShowLink() { document.returnValue = true; } function Go2Url() { window.open(adLink[cID-1]); }</script> <a onMouseOver="javascript:ShowLink();return document.returnValue;" href="javascript:Go2Url();">
<img name="imgAD" style="FILTER: revealTrans(duration=2,transition=20);BORDER-RIGHT:#cccccc 1px solid; BORDER-TOP:#cccccc 1px solid; BORDER-LEFT:#cccccc 1px solid; BORDER-BOTTOM:#cccccc 1px solid" src="javascript:NextAd()" border="0"  width="361" height="213" hspace="0">

19·主页计数器无边框代码
<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"></textarea> 您是第 <img border="0" src="计数器地址" alt="Web Counters"> 位访客。欢迎您的到来！！</div>

20·主页时钟代码：
<EMBED bgColor=#000000 src="/[ftc="#EE1000]http://www.aswis.net/100000/clock/clock41.swf WIDTH=190 HEIGHT=190 wmode=transparent quality=high loop=true menu=false>
地址可以替换成你自己的个性时钟！！

20·主页表格无边框模块的制作：

<div id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH: 634px; POSITION: absolute; TOP: 0px; HEIGHT: 530px; zindex: 90" resiziable="true"></textarea><style type="text/css">.tb{BORDER-BOTTOM:#FF99CC 1px dotted}</style><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="tb"><center><a href="链接地址"><font face=?#92;体_GB2312>这里写内容</tr><tr><td class="tb">

主页、日志：
<img src="javascript:document.getElementById('bt_1').style.width='0';document.getElementById('bt_1').style.height='0';document.getElementById('bt_1').style.position='absolute';document.getElementById('bt_1').style.top=105;document.getElementById('bt_1').style.left=17;document.getElementById('bt_2').style.width='0';document.getElementById('bt_2').style.height='0';document.getElementById('bt_2').style.position='absolute';document.getElementById('bt_2').style.top=135;document.getElementById('bt_2').style.left=17;"></img><img src="javascript:bt_1.style.background='url(_blank)';bt_2.style.background='url(_blank)';"></img><img src="javascript:bt_1.innerText='主页';bt_2.innerText='日志';">

导航：
</textarea></table></tr><td><embed src="http://gainover.f5k.com/flash/publicbt.swf" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="647" height="490" play="true" loop="true" quality="high" scale="showall" wmode="transparent" menu="true"></embed></td> </tr></table>

</textarea></table></tr><td style="BORDER-top: rgb(0,0,0) 1px dotted; BORDER-bottom: rgb(0,0,0) 1px dotted; BORDER-left: rgb(0,0,0) 1px dotted; BORDER-right: rgb(0,0,0) 1px dotted"><embed src="http://home.id666.com/user/blankboy/disk/ouran.swf" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="647" height="490" play="true" loop="true" quality="high" scale="showall" wmode="transparent" menu="true"></embed></td></tr></table><font color=red>欢迎光临</font>

看见我那加为关注的字吗？有些透明吧。就是下面的代码拉。
<img src="javascript:Mlogo.style.filter='alpha(opacity=50)';"> （30为透明度，100为不透明。0为全透明）
有很多朋友说在皮肤上放FLASH动画很漂亮，下面就是在皮肤上放FLASH的代码：

<img src="javascript:document.getElementById('Mlogo').＆#105;nnerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED

src=\'FLASH地址\' quality=high wmode=\'transparent\' WIDTH=\'1000\' HEIGHT=\'800\' TYPE=\'application/x-shockwave-flash\'></

div>';">

后面一点

================================= 心中的黑羽毛不知道飘向何方

2006/2/13 21:09:09

落叶知秋寒