QQ空间留言板是怎么做的？ QQ空间留言板是个什么东东呢？可以改变颜色并排版？ 大家可以给出一点思路或一些代码、文章之类。非常感谢！ 解决方案 » 免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货 可以查看QQ空间的源文件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn" xmlns:qz="http://qzone.qq.com/"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Content-Language" content="utf-8" /><meta name="author" content="羽" /><meta name="Copyright" content="Tencent" /><meta name="Description" content="" /><meta name="Keywords" content="心灵驿站,羽,Qzone,QQ空间,Blog,博客,网络日志,播客,腾讯,QQ,Tencent" /><meta name="robots" content="all" /><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><title>心灵驿站 [http://461049559.qzone.qq.com]</title><script type="text/javascript">document.domain="qq.com";var _s_=new Date();</script><base href="http://imgcache.qq.com/"></base><link rel="alternate" type="application/rss+xml" title="RSS news feed" href="http://feeds.qzone.qq.com/cgi-bin/cgi_rss_out?uin=461049559" /><link rel="Shortcut Icon" href="http://imgcache.qq.com/qzone_v5/favicon.ico" type="image/x-icon" /><link rel="archives" title="心灵驿站" href="http://b.qzone.qq.com/cgi-bin/blognew/simpleqzone_blog_title?hostuin=461049559" /><style type="text/css" id="mainStyle" media="screen">@import url(/qzonestyle/qzone_client_v5/css/index_d_out.css);@import url(/qzone_v5/12/index_style_out.css);@import url(http://imgcache.qq.com/qzone_v5/12/gb_color.css);</style><style type="text/css" id="dynamicStyle">body {overflow: hidden;}html {overflow: hidden;overflow-y: hidden;}.ownermode {display: none;}.clientmode {display: ;}.editmode {display: none;}.customoff {display: ;}</style><script type="text/javascript">var g_V={qz:'_1.5.1.4',cc:'_B38b39',cg:'_B37b38',ci:'_B37b38',M:'_B38b39',F:'_B38b39',B:'_B38b39',S:'_B110b110_b',_jsBegin:'<script type="text/javascript" src="',_jsEnd:'"><\/script>'},g_iUin = 461049559,g_iLoginUin = 554949699,g_Base_Domain="base.qzone.qq.com",g_Main_Domain= "users.qzone.qq.com",g_My_Main_Domain= "users.qzone.qq.com",g_Music_Domain= "qzone-music.qq.com",g_My_Music_Domain= "qzone-music.qq.com",g_Photo_Domain= "photo.qq.com",g_Static_Photo_Domain= "p" + (g_iUin%13+1) + ".photo.qq.com",g_MsgBoard_Domain= "m.qzone.qq.com",g_Emotion_Domain = "e.qzone.qq.com",g_NewBlog_Domain = "b.qzone.qq.com",g_Statistic_Domain = "g.qzone.qq.com",siDomain="qzonestyle.gtimg.cn",imgcacheDomain = "imgcache.qq.com",g_Src_Domain= "u.qzone.qq.com",g_dns_name= "",g_UserBitmap= "5009800049080301",g_Property= "GoRE",g_hasCustomStyle = 0,g_diySkin = 0,g_StyleID = 12,g_fullMode = 0,g_frameStyle = 0,g_version = 5,g_NowTime = 1244372834,g_timestamp = 1243964266,g_Dressup = {items:[{type:1,itemno:1,posx:0,posy:0,posz:0,height:0,width:0,flag:0},{type:19,itemno:1,posx:0,posy:0,posz:0,height:0,width:0,flag:0},{type:13,itemno:1,posx:799,posy:63,posz:0,height:500,width:100,flag:1},{type:23,itemno:38540,posx:830,posy:150,posz:0,height:300,width:150,flag:100} ]},iv={},g_StaticFlag = "0",g_TransparentLevel=0,g_isBGScroll=0,ownermode=(g_iLoginUin==g_iUin),ownerProfileSummary=["羽",2,31,"山东@菏泽","心灵驿站",""],g_fl=0,g_ReadOnly=1,g_Errno=0,g_J={goFeedback:function(){location.href = 'http://'+imgcacheDomain+'/qzone/v5/check/index.html#qz='+g_V.qz+'&cc='+g_V.cc+'&cg='+g_V.cg+'&ci='+g_V.ci+'&M='+g_V.M +'&F='+g_V.F +'&B='+g_V.B +'&S='+g_V.S +'&uin='+g_iUin+'&sid='+g_StyleID;},goBrief:function(){document.cookie = 'briefMode=1;path=/;domain=qzone.qq.com;';location.reload(true);}},g_BriefTimer=setTimeout(function(){var t;if(t = document.getElementById('_goFeedback')){t.style.display = '';}if(t = document.getElementById('_goBriefMode')){t.style.display = '';}}, 20000);</script></head><body style="background-image:none;"><div id="loading"></div><div id="_toolbar_placeholder" style="height:29px;width:100%;line-height: 29px; background:url(/qzone_v5/ac/qzone_v5/client/toolbar_v2.png) repeat-x left top;"> <a href="http://qzone.qq.com" target="_blank">空间首页</a><span id="_goFeedback" style="display:none;"> | <a title="空间无法打开？试试小诊所" style="text-decoration:underline;" href="javascript:;" onclick="g_J.goFeedback();return false;">空间打不开？</a> | <a target="_blank" href="http://support.qq.com/cgi-bin/beta2/titlelist_simple?pn=0&order=3&fid=46" style="text-decoration:underline;">我要反馈</a></span><span id="_goBriefMode" style="display:none;"> | 打开空间速度太慢？可以尝试 <a style="text-decoration:underline;font-weight:bold;" href="javascript:;" onclick="g_J.goBrief();return false;">极速超简模式</a></span></div><div id="customBody"></div><div id="fixContent"></div><div id="mainBody" class="bg_mode_main mini_mode" style="background-image:none;"><div id="floatItem"></div><div id="contentBody" class="mode_main_index" style="background-image:none;"><div id="outerBox" class="mode_index" style=""><div id="titleBar" class="menu_t_s style_menu_t" style="margin-bottom:5px;background-image:none;"><div id="titleBG" class="bg_menu_t" style="background-image:none;position:static;"><div class="info"><span id="qzone_logo"><img src="/ac/b.gif" alt="Qzone" class="icon_logo"/></span> <strong id="spacename">心灵驿站</strong><span id="diamon"></span> <a href="http://461049559.qzone.qq.com" id="qzoneurl" class="num">http://461049559.qzone.qq.com</a></div><div id="spaceexplain"></div><div class="op"><a id="a_return" href="javascript:;" style="display:none" title="返回空间主页"><span><<返回空间主页</span></a><a id="a_shop" href="javascript:;" class="ownermode" title="装扮空间(ctrl+g)"><img src="/ac/b.gif" class="icon_zone_shop" alt="" /><span>装扮空间</span></a><a id="a_viewshop" href="javascript:;" class="clientmode" title="查看主人装扮"><img src="/ac/b.gif" class="icon_zone_shop" alt="" /><span>查看主人装扮</span></a><a id="a_spaceSetting" href="javascript:;" class="ownermode" title="自定义(ctrl+j, alt+j)"><img src="/ac/b.gif" class="icon_zone_set" alt="" /><span>自定义</span></a><a id="a_infoCenter" href="javascript:;" class="ownermode" title="个人中心"><img src="/ac/b.gif" class="icon_zone_infocenter" alt="" /><span>个人中心</span></a><a id="a_sendGift" href="javascript:;" class="clientmode" title="送礼物"><span>送礼物</span></a><a id="a_addFriend" href="javascript:;" class="clientmode" title="加为好友"><img src="/ac/b.gif" class="icon_zone_guan" alt="" /><span>加为好友</span></a></div></div><div class="clear"></div></div><div class="gb_bg_top"></div><div id="mode_main" class="mode_main"><div id="frameContainer" style="display:none"></div><div id="OFPContainer" style="display:none"></div><div id="mainContainer" style="overflow:hidden;overflow-y:scroll;"></div><div class="clear"></div></div><div class="gb_copyright"><p class="copyright_link"><a target="_blank" href="http://qzone.qq.com/">空间首页</a> | <a target="_blank" href="http://imgcache.qq.com/qzone/mall/v5/web/vip/index_tell.html">黄钻贵族</a> | <a target="_blank" href="http://20050606.qzone.qq.com/">官方Qzone</a> | <a target="_blank" href="http://blog.qq.com/">腾讯博客</a> | <a target="_blank" href="http://b.qzone.qq.com/cgi-bin/blognew/simpleqzone_blog_title?hostuin=461049559">日志归档</a> | <a target="_blank" href="http://qzone.qq.com/helpcenter/">帮助中心</a> | <a target="_blank" href="http://service.qq.com/category/qzone.html">腾讯客服</a></p><p class="copyright_en">Copyright © 1998 - 2009 Tencent. <a target="_blank" href="http://www.tencent.com/en-us/le/copyrightstatement.shtml">All Rights Reserved.</a></p><p class="copyright_cn">腾讯公司 <a target="_blank" href="http://www.tencent.com/zh-cn/le/copyrightstatement.shtml">版权所有</a></p></div></div></div></div><script type="text/javascript">document.write(([g_V._jsBegin,'/ac/qzone/qzfl/qzfl',g_V.qz,'.js',g_V._jsEnd,g_V._jsBegin,'/ac/qzone/v5/G/common/content/content',g_V.cc,'.js',g_V._jsEnd,g_V._jsBegin,'/ac/qzone/v5/G/common/global/global',g_V.cg,'.js',g_V._jsEnd,g_V._jsBegin,'/ac/qzone/v5/G/common/interface/interface',g_V.ci,'.js',g_V._jsEnd,g_V._jsBegin,'/ac/qzone/v5/G/M/MG5',g_V.M,'.js',g_V._jsEnd,g_V._jsBegin,'/qzone/v5/statistic.js',g_V._jsEnd]).join(""));</script><noscript><img alt="您的浏览器不支持JS脚本" src="http://imgcache.qq.com/qzone/noscript.gif" /></noscript></body></html> 我以前开发过类似的产品，记得那个时候还是ajax刚刚出来简单的说一下：1.改变颜色其实就是改变风格，改变风格的方法就是换不同的css2.改变排版就是改变布局最重点就是解决以上两点，其他的都是小事。一般风格比较好控制，根据布局版面保存风格，也就是根据布局名称或编号保存css的路径到数据库总，以便根据不同的布局或是用户展现不同的风格出来。这个比较简单。比较麻烦的是布局，布局一般的方式是分列的形式，例如分为 1列，2列（左宽或又宽），三列（左，中，右宽，或者等宽），四列（一次类推）应该把每个框标注为一个单位，或者一个点，根据这个点的id对数据库进行保存，例如 点1（1，1） 点2（1，2）。。 这样的形式。剩下的就是加载对于每个列进行同步加载异步获取信息。以上这些都理解或者数据库设计已经完成后，就是利用js进行布局的转换，也就是布局的个性化，进行拖动更改布局。保存的时候就按照点坐标的形式保存到数据库中。 需要一个编辑器类似的有fckedtior 可以改变颜色和排版没什么啊 网页不是写死的可以动态生成，向2楼说的比如根据数据库中的数据多多了解JS和CSS就 知道了 eclipse 快捷键~ 关于struts2的ModelDriven field的getLong()方法 请各位前辈指点一下小妹吧！是否下一学期还报不报北大青鸟？ jsp:useBean的问题，高手请进 ★struts之MessageResource★ <html:errors/>不能输出，各位帮我看看好吗？多谢了 怎样才能把两个xml文件合成一个？ 远程设置（jbuilder,weblogic） JSP使用多线程 请问：如何用YUI的connection创建一个同步而不是异步的request 图片显示问题
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn" xmlns:qz="http://qzone.qq.com/">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="utf-8" />
<meta name="author" content="羽" />
<meta name="Copyright" content="Tencent" />
<meta name="Description" content="" />
<meta name="Keywords" content="心灵驿站,羽,Qzone,QQ空间,Blog,博客,网络日志,播客,腾讯,QQ,Tencent" />
<meta name="robots" content="all" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>心灵驿站 [http://461049559.qzone.qq.com]</title>
<script type="text/javascript">document.domain="qq.com";var _s_=new Date();</script>
<base href="http://imgcache.qq.com/"></base>
<link rel="alternate" type="application/rss+xml" title="RSS news feed" href="http://feeds.qzone.qq.com/cgi-bin/cgi_rss_out?uin=461049559" />
<link rel="Shortcut Icon" href="http://imgcache.qq.com/qzone_v5/favicon.ico" type="image/x-icon" />
<link rel="archives" title="心灵驿站" href="http://b.qzone.qq.com/cgi-bin/blognew/simpleqzone_blog_title?hostuin=461049559" />
<style type="text/css" id="mainStyle" media="screen">
@import url(/qzonestyle/qzone_client_v5/css/index_d_out.css);
@import url(/qzone_v5/12/index_style_out.css);
@import url(http://imgcache.qq.com/qzone_v5/12/gb_color.css);
</style><style type="text/css" id="dynamicStyle">
body {overflow: hidden;}
html {overflow: hidden;
overflow-y: hidden;}
.ownermode {display: none;}
.clientmode {display: ;}
.editmode {display: none;}
.customoff {display: ;}
</style>
<script type="text/javascript">
var g_V={
qz:'_1.5.1.4',
cc:'_B38b39',
cg:'_B37b38',
ci:'_B37b38',
M:'_B38b39',
F:'_B38b39',
B:'_B38b39',
S:'_B110b110_b',
_jsBegin:'<script type="text/javascript" src="',_jsEnd:'"><\/script>'},
g_iUin = 461049559,g_iLoginUin = 554949699,g_Base_Domain="base.qzone.qq.com",g_Main_Domain= "users.qzone.qq.com",g_My_Main_Domain= "users.qzone.qq.com",g_Music_Domain= "qzone-music.qq.com",g_My_Music_Domain= "qzone-music.qq.com",g_Photo_Domain= "photo.qq.com",g_Static_Photo_Domain= "p" + (g_iUin%13+1) + ".photo.qq.com",g_MsgBoard_Domain= "m.qzone.qq.com",g_Emotion_Domain = "e.qzone.qq.com",g_NewBlog_Domain = "b.qzone.qq.com",g_Statistic_Domain = "g.qzone.qq.com",siDomain="qzonestyle.gtimg.cn",imgcacheDomain = "imgcache.qq.com",g_Src_Domain= "u.qzone.qq.com",g_dns_name= "",g_UserBitmap= "5009800049080301",g_Property= "GoRE",g_hasCustomStyle = 0,g_diySkin = 0,g_StyleID = 12,g_fullMode = 0,g_frameStyle = 0,g_version = 5,g_NowTime = 1244372834,g_timestamp = 1243964266,g_Dressup = {items:[{type:1,itemno:1,posx:0,posy:0,posz:0,height:0,width:0,flag:0},{type:19,itemno:1,posx:0,posy:0,posz:0,height:0,width:0,flag:0},{type:13,itemno:1,posx:799,posy:63,posz:0,height:500,width:100,flag:1},{type:23,itemno:38540,posx:830,posy:150,posz:0,height:300,width:150,flag:100} ]},iv={},g_StaticFlag = "0",g_TransparentLevel=0,g_isBGScroll=0,ownermode=(g_iLoginUin==g_iUin),ownerProfileSummary=[
"羽",2,31,"山东@菏泽","心灵驿站",""],g_fl=0,g_ReadOnly=1,g_Errno=0,g_J={
goFeedback:function(){location.href = 'http://'+imgcacheDomain+'/qzone/v5/check/index.html#qz='+g_V.qz+'&cc='+g_V.cc+'&cg='+g_V.cg+'&ci='+g_V.ci+'&M='+g_V.M +'&F='+g_V.F +'&B='+g_V.B +'&S='+g_V.S +'&uin='+g_iUin+'&sid='+g_StyleID;},
goBrief:function(){document.cookie = 'briefMode=1;path=/;domain=qzone.qq.com;';location.reload(true);}
},g_BriefTimer=setTimeout(function(){var t;if(t = document.getElementById('_goFeedback')){t.style.display = '';}if(t = document.getElementById('_goBriefMode')){t.style.display = '';}}, 20000);
</script></head><body style="background-image:none;">
<div id="loading"></div>
<div id="_toolbar_placeholder" style="height:29px;width:100%;line-height: 29px; background:url(/qzone_v5/ac/qzone_v5/client/toolbar_v2.png) repeat-x left top;">
<a href="http://qzone.qq.com" target="_blank">空间首页</a>
<span id="_goFeedback" style="display:none;"> | <a title="空间无法打开？试试小诊所" style="text-decoration:underline;" href="javascript:;" onclick="g_J.goFeedback();return false;">空间打不开？</a> | <a target="_blank" href="http://support.qq.com/cgi-bin/beta2/titlelist_simple?pn=0&order=3&fid=46" style="text-decoration:underline;">我要反馈</a></span>
<span id="_goBriefMode" style="display:none;"> | 打开空间速度太慢？可以尝试 <a style="text-decoration:underline;font-weight:bold;" href="javascript:;" onclick="g_J.goBrief();return false;">极速超简模式</a></span>
</div>
<div id="customBody"></div><div id="fixContent"></div>
<div id="mainBody" class="bg_mode_main mini_mode" style="background-image:none;">
<div id="floatItem"></div>
<div id="contentBody" class="mode_main_index" style="background-image:none;">
<div id="outerBox" class="mode_index" style="">
<div id="titleBar" class="menu_t_s style_menu_t" style="margin-bottom:5px;background-image:none;">
<div id="titleBG" class="bg_menu_t" style="background-image:none;position:static;">
<div class="info"><span id="qzone_logo"><img src="/ac/b.gif" alt="Qzone" class="icon_logo"/></span> <strong id="spacename">心灵驿站</strong>
<span id="diamon"></span> <a href="http://461049559.qzone.qq.com" id="qzoneurl" class="num">http://461049559.qzone.qq.com</a></div>
<div id="spaceexplain"></div>
<div class="op">
<a id="a_return" href="javascript:;" style="display:none" title="返回空间主页"><span><<返回空间主页</span></a><a id="a_shop" href="javascript:;" class="ownermode" title="装扮空间(ctrl+g)"><img src="/ac/b.gif" class="icon_zone_shop" alt="" /><span>装扮空间</span></a><a id="a_viewshop" href="javascript:;" class="clientmode" title="查看主人装扮"><img src="/ac/b.gif" class="icon_zone_shop" alt="" /><span>查看主人装扮</span></a><a id="a_spaceSetting" href="javascript:;" class="ownermode" title="自定义(ctrl+j, alt+j)"><img src="/ac/b.gif" class="icon_zone_set" alt="" /><span>自定义</span></a><a id="a_infoCenter" href="javascript:;" class="ownermode" title="个人中心"><img src="/ac/b.gif" class="icon_zone_infocenter" alt="" /><span>个人中心</span></a><a id="a_sendGift" href="javascript:;" class="clientmode" title="送礼物"><span>送礼物</span></a><a id="a_addFriend" href="javascript:;" class="clientmode" title="加为好友"><img src="/ac/b.gif" class="icon_zone_guan" alt="" /><span>加为好友</span></a>
</div></div><div class="clear"></div></div>
<div class="gb_bg_top"></div><div id="mode_main" class="mode_main">
<div id="frameContainer" style="display:none"></div>
<div id="OFPContainer" style="display:none"></div>
<div id="mainContainer" style="overflow:hidden;overflow-y:scroll;"></div>
<div class="clear"></div></div><div class="gb_copyright">
<p class="copyright_link"><a target="_blank" href="http://qzone.qq.com/">空间首页</a> |
<a target="_blank" href="http://imgcache.qq.com/qzone/mall/v5/web/vip/index_tell.html">黄钻贵族</a> |
<a target="_blank" href="http://20050606.qzone.qq.com/">官方Qzone</a> |
<a target="_blank" href="http://blog.qq.com/">腾讯博客</a> |
<a target="_blank" href="http://b.qzone.qq.com/cgi-bin/blognew/simpleqzone_blog_title?hostuin=461049559">日志归档</a> |
<a target="_blank" href="http://qzone.qq.com/helpcenter/">帮助中心</a> |
<a target="_blank" href="http://service.qq.com/category/qzone.html">腾讯客服</a>
</p><p class="copyright_en">Copyright © 1998 - 2009 Tencent.
<a target="_blank" href="http://www.tencent.com/en-us/le/copyrightstatement.shtml">All Rights Reserved.</a>
</p><p class="copyright_cn">腾讯公司 <a target="_blank" href="http://www.tencent.com/zh-cn/le/copyrightstatement.shtml">版权所有</a></p>
</div></div></div></div><script type="text/javascript">document.write(([
g_V._jsBegin,'/ac/qzone/qzfl/qzfl',g_V.qz,'.js',g_V._jsEnd,
g_V._jsBegin,'/ac/qzone/v5/G/common/content/content',g_V.cc,'.js',g_V._jsEnd,
g_V._jsBegin,'/ac/qzone/v5/G/common/global/global',g_V.cg,'.js',g_V._jsEnd,
g_V._jsBegin,'/ac/qzone/v5/G/common/interface/interface',g_V.ci,'.js',g_V._jsEnd,
g_V._jsBegin,'/ac/qzone/v5/G/M/MG5',g_V.M,'.js',g_V._jsEnd,
g_V._jsBegin,'/qzone/v5/statistic.js',g_V._jsEnd
]).join(""));</script><noscript><img alt="您的浏览器不支持JS脚本" src="http://imgcache.qq.com/qzone/noscript.gif" /></noscript>
</body></html>
1.改变颜色其实就是改变风格，改变风格的方法就是换不同的css2.改变排版就是改变布局最重点就是解决以上两点，其他的都是小事。一般风格比较好控制，根据布局版面保存风格，也就是根据布局名称或编号保存css的路径到数据库总，以便根据不同的布局或是用户展现不同的风格出来。
这个比较简单。比较麻烦的是布局，布局一般的方式是分列的形式，例如分为 1列，2列（左宽或又宽），三列（左，中，右宽，或者等宽），四列（一次类推）应该把每个框标注为一个单位，或者一个点，根据这个点的id对数据库进行保存，例如 点1（1，1） 点2（1，2）。。 这样的形式。剩下的就是加载对于每个列进行同步加载异步获取信息。以上这些都理解或者数据库设计已经完成后，就是利用js进行布局的转换，也就是布局的个性化，进行拖动更改布局。保存的时候就按照点坐标的形式保存到数据库中。
类似的有fckedtior
网页不是写死的可以动态生成，向2楼说的比如根据数据库中的数据
多多了解JS和CSS就 知道了