zoukankan      html  css  js  c++  java
  • 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那么你接着拖放别的模块到框架中即可)

  • 相关阅读:
    win10 uwp 弹起键盘不隐藏界面元素
    win10 uwp 存放网络图片到本地
    win10 uwp 存放网络图片到本地
    sublime Text 正则替换
    sublime Text 正则替换
    win10 uwp 绘图 Line 控件使用
    win10 uwp 绘图 Line 控件使用
    AJAX 是什么?
    什么是 PHP SimpleXML?
    PHP XML DOM:DOM 是什么?
  • 原文地址:https://www.cnblogs.com/acetaohai123/p/6505416.html
Copyright © 2011-2022 走看看