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

  • 相关阅读:
    CentOS 7.3报Centos7_Base库缺少GPG公钥
    nginx重写(隐藏)index.php目录
    工作经历简写
    Centos7.4安装htop
    nginx 超时时间配置说明
    c#中数据从数据库到客户端主要几种的导出方式(导出到excel,导出到word)
    C#操作word文档如何设置表格的行高
    Windows计划任务定时启动程序运行时发生错误的解决办法
    Asp.Net MVC中请求json文件时返回404 not found的解决办法
    Angularjs 如何自定义Img的ng-load 事件
  • 原文地址:https://www.cnblogs.com/acetaohai123/p/6505416.html
Copyright © 2020-2023  润新知