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那么你接着拖放别的模块到框架中即可)

 

posted @ 2017-03-05 14:40  gary_tao  阅读(6179)  评论(0编辑  收藏  举报
AmazingCounters.com 我要啦免费统计