首先,单页包括该单页的php文件和该单页的模板(.htm)文件,比如:host.php、host.htm

单页的php文件内容如下:

  1. <?php
  2.  
  3. require './source/class/class_core.php';//引入系统核心文件
  4. $discuz = & discuz_core::instance();//以下代码为创建及初始化对象
  5. $discuz->cachelist = $cachelist;
  6. $discuz->init();
  7.  
  8. include template('forum/host');//调用单页模版文件
  9. ?>

这里需要注意的是,host为模板文件名,不需要加.htm扩展名,模板文件存放于自己当前风格目录下的forum目录;
单页的php文件存放于论坛根目录;

php文件创建完毕,现在开始创建模版文件,基本代码如下:

  1. {subtemplate common/header}
  2.  
  3. <div id="pt" class="wp">
  4. <a href="index.php" class="nvhm">$_G[setting][bbname]</a> &rsaquo; DRC帖子动态
  5. </div>
  6. <style id="diy_style" type="text/css"></style>
  7.  
  8. <div id="ct" class="wp cl w">
  9.  
  10. <div class="mn mw">
  11. <div class="content">
  12.  
  13. 这里是自己正文区域的代码
  14.  
  15. </div>
  16. </div>
  17. </div>
  18.  
  19. {subtemplate common/footer}

其中:

  1. <a href="index.php" class="nvhm">$_G[setting][bbname]</a> &rsaquo; DRC帖子动态

这一行是单页的路径显示,比如:Discuz! Rescue Centre › DRC帖子动态,{subtemplate common/header}、{subtemplate common/footer}分别为调用页头、页尾模板,使得单页风格与论坛保持一致;

------------------------------------以下为带右边侧栏单页模板-----------------------------------------

上面模板文件代码是不带边栏的,现在讲下带边栏的单页模板文件代码,如下:

  1. {subtemplate common/header}
  2. <div id="pt" class="wp"><a href="index.php" class="nvhm">$_G[setting][bbname]</a> &rsaquo; 会员风采</div>
  3. <div id="ct" class="wp cl n">
  4. <div class="mn">
  5. <div class="bm">
  6. <h1 class="mt"><img class="vm" src="static/image/feed/profile.gif" alt="profile"> 分类浏览</h1>
  7. <div class="datalist" style="margin:10px 0;">
  8.  
  9. 这里是正文区域代码
  10.  
  11. </div>
  12. </div>
  13. </div>
  14.  
  15. <!--边栏区域代码开始-->
  16. <div id="psd" class="sd">
  17.  
  18. <div class="bn">
  19. <p><strong>栏目名称</p>
  20. <p><a href="#">边栏菜单名称</a></p>
  21. <p><a href="#">边栏菜单名称</a></p>
  22. <p><a href="#">边栏菜单名称</a></p>
  23. </div>
  24.  
  25. <div class="bn">
  26. <p><strong>管理面板</strong></p>
  27. <p><a href="#">添加分类</a></p>
  28. <p><a href="#">管理分类</a></p>
  29. <p><a href="#">返回会员风采</a></p>
  30. </div>
  31.  
  32. <div class="bn" style="border-bottom:none;">
  33. <p><strong>版权信息</strong></p>
  34. <p>作者:体无完肤</p>
  35. <p>版权:DRC</p>
  36. <p>网站:bbs.7drc.com</p>
  37. </div>
  38.  
  39. </div>
  40. <!--边栏区域代码结束-->
  41. </div>
  42.  
  43. {subtemplate common/footer}

http://www.discuz.net/thread-1832228-1-1.html

Discuz x2.5 单页制作的教程的更多相关文章

  1. vue单页页面开发教程及注意事项

    如下图:   1.安装node.js webpack node -v 查看版本 webpack -v 2.安装脚手架 vue-cli npm install -g vue-cli 3. 在项目文件夹创 ...

  2. pageadmin CMS网站制作教程:栏目单页内容如何修改

    pageadmin CMS网站制作教程:栏目单页内容如何修改 一般情况下,如公司介绍,联系方式等介绍内页面都属于单页,单页内容可以直接在栏目设置界面进行修改,如下 1.对栏目单页内容进行设置,登录后台 ...

  3. Smint – 用于单页网站制作的 jQuery 导航菜单插件

    Smint 是一款用于实现单页风格网站的 jQuery 导航插件,包含两部分:固定在页面顶部的精美导航条和能够在你点击的时候自动滚动到对应内容的菜单按钮.Smint 使用非常简单,只有一个参数用于设置 ...

  4. phpcms v9实现wap单页教程

    下面以添加“关于我们”这一单页为例作phpcms V9 wap手机门户添加单页的教程说明: 步骤一:复制phpcms\templates\default\wap下的maps.html,粘贴重命名为ab ...

  5. 移动端单页视图库,适用于制作移动Web touchbox

    ouchBox 原文:https://github.com/maxzhang/touchbox 移动端单页视图库,适用于制作移动专题 DEMO http://jsbin.com/vatuma/late ...

  6. vue2 入门 教程 单页应用最佳实战[*****]

    推荐 vue2 入门 教程 -------- 看过其他的,再看作者的,很赞 vue2 入门 教程 单页应用最佳实战 :  具体在 https://github.com/MeCKodo/vue-tuto ...

  7. Discuz!X2截屏控件手动安装教程-Xproer.ScreenCapture

    版权所有 2009-2015 荆门泽优软件有限公司 保留所有权利 官方网站:http://www.ncmem.com 官方博客:http://www.cnblogs.com/xproer 产品首页:h ...

  8. phpcms V9 整合 Discuz! X2 教程

    整合原理: UCenter 作服务端:phpsso 与 Discuz! 分别作 UCenter 的客户端应用:phpsso 与 Discuz! 通过 UCenter 发生交互. phpcms 通过 p ...

  9. Discuz! X2.5RC 全新安装图文教程

    http://www.discuz.net/thread-2660015-1-1.html 一步步教你利用Discuz X2.5建设论坛视频教程(174集) http://down.51cto.com ...

随机推荐

  1. Debian安装Apache2+MySQL5+PHP5(zz)

    转载:http://hi.baidu.com/lostdays/item/1d5e7e4833b4d20fc116134b 终于在Debian用apt-get安装好LAMP了,之前在CentOS使用编 ...

  2. 谈KVC、KVO(重点观察者模式)机制编程

    一不小心,小明在<跟着贝尔去冒险>这个真人秀节目中看到了“一日警察,一世警察”的Laughing哥,整个节目除了贝尔吃牛睾丸都不用刀叉的不雅餐饮文化外,还是镜头少普通话跟小明一样烂的Lau ...

  3. 使用OPC的方式去连接PLC进行AB SLC-5_04数据的采集

    1.  必备软件 Rslinx classic 2.57 .net framework 2.0 VS2013 OS: win7 enterprise x64 2.  软件安装 2.1.安装RSlinx ...

  4. A+B Problem(V)

    描述 做了A+B Problem之后,Yougth感觉太简单了,于是他想让你求出两个数反转后相加的值.帮帮他吧 输入 有多组测试数据.每组包括两个数m和n,数据保证int范围,当m和n同时为0是表示输 ...

  5. iptables常用命令

    常规: iptables -t filter -A INPUT -d -p tcp --dport -j DROPiptables -A INPUT -m iprange --src-range 22 ...

  6. Android 高级UI设计笔记07:RecyclerView 的详解

    1. 使用RecyclerView       在 Android 应用程序中列表是一个非常重要的控件,适用场合非常多,如新闻列表.应用列表.消息列表等等,但是从Android 一出生到现在并没有非常 ...

  7. jar包冲突解决方法

    import java.io.File;import java.io.IOException;import java.util.ArrayList;import java.util.Enumerati ...

  8. Content-Type一览

    文件扩展名 Content-Type(Mime-Type) 文件扩展名 Content-Type(Mime-Type) .*( 二进制流,不知道下载文件类型) application/octet-st ...

  9. angularjs $state.go 传参

    在目标页面规定接受的参数:$stateProvider.state('page2', {params: {'data': null}}) 传参:$state.go('page2', {data: 'a ...

  10. this指针在不同情况下的指代

     说不同情况了吧,首先要分有几种情况使用this,然后再说分别指代什么 1)如果是一般标签下函数调用,this指代全局对象,也就是window对象或者document对象 2)如果在嵌套函数中被嵌套的 ...