本帖最后由 雪峰 于 2017-7-8 21:18 编辑

术语说明:

模板——模板是一堆按照规定命名方式的html文件,用于指定整个论坛不同页面的外观。

标签——标签和模板共同作用以实现论坛换肤功能,其中标签主要控制页面显示什么数据,显示多少条等。

风格——风格是一个xml配置文件,用于配置一些固定区域字体的大小、颜色、背景色等。例如春节时,整个版面变成喜庆红色等。风格这个功能实质上是一种可以直接在后台设置论坛中固定格式的文字(如标题列表等)的大小、颜色、背景色等而不用单独写css文件进行覆盖的技术。对于有编码能力的站长来说,其实无多大意义。

Discuz模板制作官方说明: http://faq.comsenz.com/library/template/made/made_extend.htm

本部分内容是对Discuz官方提供的模板概述的扩展说明。请参阅上述网址,对Discuz模板制作有个初步认识。discuz模板文件位于网站根目录/template/目录下。其中子目录default是其默认模板,站长可以根据需要在此目录下新建模板目录以放置自己的模板。

Discuz的模板是固定文件名的htm文件。例如,首页的模板文件叫discuz.html。其中,默认模板的首页模板文件位于站点根目录/template/default/forum/discuz.html。discuz对模板做了两点基本要求:模板名称固定——对于不同的功能,模板的文件名是固定的,例如首页的模板名叫discuz.htm,板块的主体列表页模板文件名叫forumdisplay_list.htm等等。http://faq.comsenz.com/library/template/filelist/filelist_index.htm 此网址给出了默认模板目录下各个模板文件所对应的功能区域名称。我们所要做的工作就是按照这个目录列表,创建对应的htm文件,以实现论坛换肤。

模板文件扩展名固定为htm——html文件的扩展名有两种,分别为htm和html。以htm为后缀的文件一般在早期linux中比较常见。现在大多为html为后缀,同时这也是w3c推荐的做法。

个人认为,discuz如此设计恨怪异,让新上手的使用者理解起来非常困难。良好的设计方案应该让使用者自由选择模板才对。例如,对于论坛首页这个功能而言,使用者能自由决定是选择x模板方案下的index.html还是default.php或是其他什么文本文件。如此做法更符合一般人的直觉。后续,作者将对discuz的源码做小小修改,使其可以识别html后缀的文件(修改为识别html后缀文件或其他后缀文件,例如asp、jsp、php等代码大同小异,使用者可以自行参照修改)。在discuz模板目录下,有一特殊目录——common,此目录下的文件为非必须模板文件,它只是将各个模板的公用部分提纯,其本身可有可无,完全依照制作者的思路而定。

discuz读取模板的规则(以首页模板举例):首先读取后台指定的模板目录中是否存在discuz.htm文件,如存在,直接以此文件做为模板,如不存在,则取默认模板文件中的discuz.html文件作为模板。Discuz新建模板方案的主要流程一、新建风格方案

登录后台,点击顶部【界面】功能区,页面刷新后,左侧会显示关于【界面】的功能导航,此时选择左侧的【风格管理】。在新增输入区域输入自定义的风格名称,点击【新增】。此时系统会复制一套空的风格方案。(风格方案实质上是一堆css和图片路径设置,先忽略这个,后续再详细说明具体设置)然后选择,当浏览者使用什么浏览设备时,采用此风格(模板)方案。系统提供了

电脑版

手机标准版

手机触屏版

手机极简版

四个选项,其中,【电脑版】必选。其他可忽略,此处的判断是通过http头进行筛选的。意味着我们可以建立四套风格及对应的模板,分别为不同的浏览者提供不同的显示效果。二、新建模板目录

在站点根目录/template/下新建模板目录,并将默认模板目录(default)中的discuz_style_default.xml文件拷贝到新建的目录中,修改文件名为:discuz_style_新建的目录名.xml。模板目录建议采用英文字符。以防止服务器不识别中文目录。然后用记事本打开该xml文件进行编辑,修改对应的配置项。具体修改参见官方提供的模板制作概述下图为修改好的示例:

注意:directory项中,路径要和模板文件夹所在的路径保持一致。templateid项中,具体的值修改为对应风格方案的id,(在风格方案中,点击编辑,从网址栏中可以看到具体的id。)三、后台新建模板套系

在【界面】——【模板管理】中,新增模板名称(建议和风格名称保持一致)并指定正确的路径。参见下图:

至此,新建模板方案就大功告成了。在【工具】——【更新缓存】中更新一次缓存。前台样式就是新建的模板了。此时我们会发现前台没有任何变化,这是因为我们只是新建了模板方案,但是没有建立具体的模板文件,系统检测到没有模板文件后,自动采用了默认模板方案中的对应模板文件(在discuz模板读取规则中有叙述),故前台没有任何变化。在后续的章节中,我们将制作各个模板文件,此时前台就会发生对应的变化。

html制作论坛页面模板,Discuz3.3仿小米论坛风格整站模板制作教程——1、新建模板方案...相关推荐

  1. 视频教程-线上培训上课实录整站设计制作开发全能培训-HTML5/CSS

    线上培训上课实录整站设计制作开发全能培训 粉丝已经近2万人.传课网业余讲师. 彭亮 ¥39.00 立即订阅 扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 APP订阅课程,领取优惠,最 ...

  2. 线上培训上课实录整站设计制作开发全能培训-彭亮-专题视频课程

    线上培训上课实录整站设计制作开发全能培训-13665人已学习 课程介绍         从基础的html到后的php,甚至到淘宝sdk模板开发都有详细的讲解. 课程收益     1:掌握ps网站策划和 ...

  3. Discuz3.3精仿小米风格整站模板制作——1、新建模板方案

    术语说明: 模板--模板是一堆按照规定命名方式的html文件,用于指定整个论坛不同页面的外观. 标签--标签和模板共同作用以实现论坛换肤功能,其中标签主要控制页面显示什么数据,显示多少条等. 风格-- ...

  4. 简约大气仿小米社区网站风格的WP主题模板

    简介: 国人精仿小米社区WordPress模板:Misq是一小米气概的WordPress博客主题,合用规模广,外表简练年夜气,撑持二级菜单,统计欣赏量,可分享文章到新浪微博,自界说幻灯片等诸多功效. ...

  5. 精仿黑鱼资源网 整站源码带完整数据 带SEO优化功能带广告位

    精仿黑鱼资源网源码带完整数据 带SEO优化功能带广告位 简介: 这款是黑鱼站长放出来的新版本,带资源和文章发布系统,非常有利于SEO,带大量广告位,对这款有兴趣的站长们 可以搭建体验! 安装教程: 空 ...

  6. php仿糗事百科,thinkphp精仿糗事百科整站源码

    安装方法: 1.修改 \config\db.inc.php if (!defined('THINK_PATH')) exit(); return array( 'webUrl'=>'127.0. ...

  7. hao123静态html源码,115le仿hao123网址导航整站静态html v7

    安装说明 上传网站安装程序到空间,空间需支持PHP,MYSQL数据库20M即可; MYSQL数据库特此说明,这个是需要购买的,详情请咨询空间提供商; 访问网网址执行安装,按照提示填入mysql数据库信 ...

  8. 仿hao123的导航网站纯静态版|html导航网站源码,115le仿hao123网址导航整站静态html...

    安装说明 上传网站安装程序到空间,空间需支持PHP,MYSQL数据库20M即可; MYSQL数据库特此说明,这个是需要购买的,详情请咨询空间提供商; 访问网网址执行安装,按照提示填入mysql数据库信 ...

  9. phpwind9.0 read.php 修改,phpwind9.0模板制作教程——制作论坛风格

    由于论坛模板机制和门户等模板机制不同,所以今天我就先重点讲讲论坛模板制作的大概过程. 一.先来熟悉下phpwind9.0的论坛模板机制. 其实phpwind9.0的模板机制和discuzx2.5差不多 ...

  10. HTML期末大作业~web前端开发个人博客HTML整站模板~Web大学生网页成品 ~个人主页博客网页HTML设计制作

    HTML期末大作业~ 学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...

最新文章

  1. 关于一道简单的Java 基础面试题的剖析: short s1=1;s1 = s1 +1会报错吗?
  2. 正则表达式(overall)
  3. 一种更好的汇报性能测试结果的方法(译)
  4. 公共课计算机基础怎么样,公共课第一学期《计算机基础》
  5. 广义线性模型——逻辑回归(logistic regression)
  6. 数据库表多维度数据的计算和汇总
  7. 联合主键使用in和not in
  8. 给input设置css样式,input能改变css样式吗
  9. 深圳vpay钱包系统技术开发分享
  10. 怎样压缩图片大小到20k?教你一键压缩图片大小
  11. 什么是IPFS?(三)
  12. java 发送邮件怎么抄送_javaMail发送qq邮件(二):可发送抄送密送多人,支持附件...
  13. Unity学习笔记-粒子篇
  14. NVIDIA NCCL优化——利用共享内存实现比NCCL更快的集合通信
  15. frl啥意思_FRL是什么意思
  16. R语言使用Predict函数计算指定连续变量和风险比HR值的关系、基于限制性立方样条分析方法、限制性立方样条cox回归模型
  17. 浮动带来的问题以及清除浮动的几种方式
  18. 《大道至简》第一章 编程的精义 伪代码
  19. DAO 、CUID、CRUD 是什么?
  20. 有什么项目工时管理工具?

热门文章

  1. 计算机硬盘不识别u盘启动,PE识别不了硬盘是怎么回事?
  2. 学习篇-TypeScript-简介
  3. JPG图片比较大如何压缩,图片压缩的简单方法
  4. 数论 - 质数(素数)基础【 素数的判断 + 试除法分解质因数 + 求1-n之间的素数的三种筛法 】
  5. 生成Bernese格式的地球自转参数文件-POLUPD
  6. sop流程图模板_这是一份标准作业流程SOP详解,附流程图绘制规范,不愁不会画!...
  7. 标准库函数begin和end的使用
  8. python为csv文件添加表头_csv大文件分割以及添加表头
  9. 人工智能应用-手把手教你用Python硬件编程实现打开或关闭电灯泡
  10. 联想win10安全模式进入以及退出