| |
天使怪盗的QQ空间模版
|
|
作者: zmyno1
01-01 08:00
回复
|
|
|
|
| |
回复:天使怪盗的QQ空间模版
|
|
作者: 111郭
01-01 08:01
回复
|
|
·音乐播放 『QQ空间代码』『QQ空间代码大全』这里空间代码是比较特别的QQ空间代码
首先讲下音乐播放,音乐播放本来是要钱的,可是网络在线音乐播放器有不少,申请一个或者自己有空间的话传一个再使用IFRAME连接就可以。有些音乐播放是FLASH的,直接用OBJECT和EMBED把这个FLASH音乐播放放到一个新版块里就可以免费拥有音乐播放
例子:某网站的音乐播放器代码,当然可以自己找一个(粘贴到"评论"里) :
<iframe src="http://bbs.w3sea.net/music/index.asp" frameborder=0 width=100% height=34>
没想到这么多人使用这里的音乐播放器--
由于很多人给的音乐地址是不能播放的或给的歌曲是重复的,所以以后各位填加的去目不会自动填加到论坛的播放列表,我审核后通过则会在论坛的播放器中播放
不过只要把地址改成http://bbs.w3sea.net/music/index.asp?listname=你论坛里ID 就可以只播放自己这个ID填加的所有歌曲,包括没有通过论坛审核的都可以
例子(这样就是播放自己设置添加的所有歌曲):
<iframe src=http://bbs.w3sea.net/music/index.asp?listname=自己账号 frameborder=0 width=100% height=34>
管理自己的曲目表:http://bbs.w3sea.net/wc_bglist_del.asp ,把不想要的自己的歌删掉.
·背景皮肤
QZONE的背景皮肤是一个ID为”ALL“的大TABLE表格的背景图片,仍然使用onload,onclick这类与img标签或超级连接配合就能自动/手动更改QZONE皮肤。看下QZONE源文件能发现靠上面一条BANNER图片条TD ID为MLOGO,配合图片ONLOAD与style.background属性可以更改
<img src="http://jiro.freeblog.com.cn/bk03/2512/upload/2005929586.gif" onload="document.getElementById('Mlogo').style.background='url(顶部一条图片的地址)';document.getElementById('all').style.background='url(背景图片的地址)';" style="display:none;">
如果你不想改顶部图片条的话只要这样就够了:
<img src="http://jiro.freeblog.com.cn/bk03/2512/upload/2005929586.gif" onload="document.getElementById('all').style.background='url(背景图片的地址)';" style="display:none;">
背景图通过点击来出现代码:
<a href="#" onclick="document.getElementById('Mlogo').style.background='url(http://www.oiblog.com/uploadfile/2005817132955865.JPG)';document.getElementById('all').style.background='url(http://www.oiblog.com/uploadfile/2005817133014672.JPG)';">火影忍者</a>
可以自己替换图片地址跟名字!
·更改版块内容
一个例子就是我的档案显示.其实这个就是自己做出一个想要的一个表格模仿原来的档案显示(你看我的档案图片的图片尺寸明显和QQ的不一样,因为是整个一个完整表格重新写了)
这里要介绍一个QZONE显示模版原有的东西:g_WndArray
这个g_WndArray
是用来指定页面上一个个版块的(比如档案、网络日志、音乐盒、留言本所使用的版块)”*“要用一个数字代替,这个数字是你要指定的版块ID。简单找到版块ID的方法不是很准确,就是打开自定义显示哪些模版时从上像下数,只算显示的,你要改的如果在第八个ID一般就是8了,不过版块会根据你的修改而改变,比如原本为ID4的版块又建立了一个ID为9的版块如果你增加或减少或修改了ID为4的版块上的一个蓝木它的ID会增长至最大的ID(>=原来的ID)变成9替换原来ID最大的,而在原本4后面的ID都会减少1,9会变8、8会变7==。
很复杂不过很庆幸的是基本没必要算这些,只要一开始建立一个版块后没必要再用QZONE对它编辑因为可以直接从外部修改它内容,方法就是:
建立一个总LOADER版块,放所有的脚本(把改皮肤的也放这)。使用
<img onload="g_WndArray[你要更改的版块的ID].div.innerHTML=‘你要更改成的内容’;" src=地址>
这里大概要注明下那原本版块的边框(就是建立新版块时什么滥目都没有的时候能看到的那块东西)是算innerHTML‘里’面的东西,也就是说如果你用: g_WndArray[一个ID].div.innerHTML='这些文字';
那版块原来在的位置其他东西都没了只能看到“这些文字”,浮在空中,没有周围的边框。
目前我想应该分享的就这些了,大家尽情发挥想象力做出真正个性化的空间吧!
·单纯HTML版块的QZONE (比较难懂)
其实不更改g_wndarray里的innerhtml也可以做出比较好看的QZONE排版
一个例子,我给朋友改的QZONE: http://94039552.q-zone.qq.com (这里没有使用一个script载入,但是样子蛮不错的)
首先提醒下,如果你不懂HTML,请先花1,2天时间学学
QZONE在版块建立缆目时,在连接名称结尾处加个"·"("友情连接·")就可以显示成"·连接名称·",只要对称了其实不那么碍眼
因为在评论部分可以输入HTML所以可以自己用HTML写表格,图片放进去就可以
大部分人们用的友情连接,好友空间连接都是直接使用的"连接图片"与"连接名称".这样做的确很方便但是占用空间比较多.
如果把所有连接都放到一个TABLE表格里,可以自己控制它们的间距,也可以自己决定是横着放还是竖着放, 你甚至可以把文字直接放到图片上面(图片设置成单元格<td>背景图片--background)
·调用Q-ZONE数据
看QZONE网页的源文件找到http://q-zone.qq.com/client/js/data.js,里面告诉你几乎所有可调用数据的XML地址:
装扮方案 地址= "http://q-zone.qq.com/fcg-bin/cgi_access_self.fcg?uin="+QQ号+"&type=0";
心情日记 地址= "http://q-zone.qq.com/fcg-bin/cgi_access_self.fcg?uin="+QQ号+"&type=1";
留言本 地址= "http://q-zone.qq.com/fcg-bin/cgi_access_self.fcg?uin="+QQ号+"&type=2";
用户资料 地址= "http://q-zone.qq.com/fcg-bin/cgi_access_self.fcg?uin="+QQ号+"&type=3";
互动 地址= "http://q-zone.qq.com/fcg-bin/cgi_access_self.fcg?uin="+QQ号+"&type=4";
相册 地址= "http://q-zone.qq.com/cgi-bin/photo/cgi_mini_photo?uin="+QQ号;
音乐盒 地址= "http://q-zone.qq.com/cgi-bin/music/cgi_music_maindata?uin="+QQ号;
花藤 地址= "http://q-zone.qq.com/fcg-bin/cgi_access_self.fcg?uin="+QQ号+"&type=8";
音乐盒(小) 地址="http://q-zone.qq.com/cgi-bin/music/cgi_music_minidata?uin="+QQ号;
音乐播放列表 地址=""; // 不要使用该分类
公告栏 地址="http://q-zone.qq.com/cgi-bin/user/cgi_pboardxml_showmsg?typeid=12&uin="+QQ号;
偶像 地址="http://q-zone.qq.com/cgi-bin/music/cgi_music_idoldata?uin="+QQ号;
音乐排行榜 地址="http://q-zone.qq.com/cgi-bin/music/cgi_music_rankdata?uin="+QQ号;
音乐收藏 地址="http://q-zone.qq.com/cgi-bin/music/cgi_music_colldata?uin="+QQ号;
自定义窗口 地址="http://q-zone.qq.com/cgi-bin/user/cgi_user_window_xml?uin="+QQ号+"&wndid="+itemno;
使用.net 2.0的XmlDataSource方法很轻松就可以调用QZONE的空间数据:
<asp:XmlDataSource runat="server" id="XmlDataSource1" DataFile="XML文件地址" xpath="XPATH地址" />
<asp:Repeater runat="server" DataSourceID="XmlDataSource1">
<ItemTemplate>
<%# XPath ("子NODE名") %>
</ItemTemplate>
</asp:Repeater>
·自定义鼠标图片
方法与改背景图片相似:
<img src="http://jiro.freeblog.com.cn/bk03/2512/upload/2005929586.gif" onload="document.body.style.cursor='url(\'鼠标图片的地址,可以是.ANI或.CUR文件\')'">
例子:
<img src="http://jiro.freeblog.com.cn/bk03/2512/upload/2005929586.gif" onload="document.body.style.cursor='url(\'http://www.webcursors.co.uk/mousepointers/ballerinacross.ani\')'">
修改版块内容的一个框架:
<img src="http://载入的图片地址,图最好小点" onload="g_WndArray[ID].div.innerHTML='<table height=\'100%\' cellSpacing=\'0\' cellPadding=\'0\' width=\'100%\' border=\'0\' id=\'table30\'><tr><td class=\'tl\'> </td><td class=\'title\'><img class=\'side\' height=\'1\' src="/\'"http://q-zone.qq.com/client/b.gif\' width=\'1\' align=\'absMiddle\'> 显示的标题</td><td class=\'title\' align=\'right\'> </td><td class=\'tr\'> </td></tr><tr><td class=\'ml\'> </td><td class=\'mm\' align=\'middle\' colSpan=\'2\'><table cellSpacing=\'0\' cellPadding=\'0\' width=\'100%\' border=\'0\' id=\'table31\'><tr><td colSpan=\'2\'>显示的内容</td></tr><tr><td class=\'line\' colSpan=\'3\' height=\'1\'></td></tr></table></td><td class=\'mr\'> </td></tr><tr><td class=\'dl\'> </td><td class=\'dm\' colSpan=\'2\'> </td><td class=\'dr\'> </td></tr></table>'"> |
|
| |
回复:天使怪盗的QQ空间模版
|
|
作者: JKL520520520
01-30 10:09
回复
|
|
gfdgdfgdfgdf |
|
|