Discuz常见大问题-如何DIY一个独立页面

首先参考Discuz如何自定义单个页面的文章，确保你已经能做一个"关于我们"这种纯HTML静态页面（只有文字和静态图片描述）。其次参考下面的文件修改原来的htm文件

注意我用红色标注出来的是一定要套用的起始和结束格式，当然[name]括起来的东西是可以自己定义的

黄色标注出来的是可以自己添加的CSS文件和HTML文件内容（这个跟前面说的一样，是你自己定义页面的内容，可以放图片，文字，嵌入视频等等）

绿色的区域尤其重要，<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->这一行就表示定义了一个可以DIY的区域，div=diy1和div id="diy1"缺一不可，而且不要在同一个htm文件中有两个相同的ID

<!--{template common/header}-->

<!--[name]优傲机器人模板[/name]-->

<style id="diy_style" type="text/css"></style>

<link rel="stylesheet" type="text/css" href="style/basic.css" />

<div class="wp">

<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->

<!--[diy=diy3]--><div id="diy3" class="area"></div><!--[/diy]-->

</div>

<div class="">

<p class="content_title">优傲机器人官方介绍</p>

<a class="content_link" href="http://v.youku.com/v_show/id_XODEwMTUxMTEy.html?f=22971145&spm=a2h1n.8251843.0.0">优傲机器人精彩视频集锦</a>

</div>

<div class="content_video">

<embed src='http://player.youku.com/player.php/Type/Folder/Fid//Ob//sid/XODEwMTYxNDA4/v.swf' quality='high' width=100% height='550' align='middle' allowScriptAccess='always' allowFullScreen='true' mode='transparent' type='application/x-shockwave-flash'></embed>

</div>

<script src="misc.php?mod=diyhelp&action=get&type=index&diy=yes&r={echo random(4)}" type="text/javascript"></script>

<!--{template common/footer}-->

<!--引用公共底部-->

这样的方法添加了PHP和htm文件之后，刷新网页的指定页面（注意已经不是主页了，而是自定义的php页面），在diy模式下，可以看到定义成可以DIY的区域有一行浅绿色的背景，如果你没有一行可DIY区域就没有这个特点，如果没有这个，你也可以DIY，但是点击保存之后就啥也没了（页面没有可以保存DIY的区域）

这个时候我再添加框架，就可以决定添加到哪个框架中（仔细看当我移动蓝色的1框架，他可以在不同的DIY区域内切换）

即便我什么都不做，直接点击保存，也可以发现多了1框架的文本，这说明这个框架已经添加到这个页面了

当然还没有完成，我们只是添加了框架，接下来需要往框架中填充数据（我个人是希望在这个版块中填充只属于这个板块的数据，这样可以更加高效，用户既然点击了这个版块，就说明他专心想在这个版块的相关内容找资源，如果是首页那么就是所有板块的所有数据的集合），接着点击DIY-高级模式，然后在框架中拖入帖子模块，设置数据来源为指定的几个板块（按住Ctrl键可以多选），点击确定

设置好不同的数据来源之后，这个板块就可以只显示你指定的几个板块数据了（当然如果前面添加的不是100%的框架，比如1:1:1那么你接着拖放别的模块到框架中即可）