教你Discuz模板制作详细步骤

一、如何在模块中增加“标题”及“更多”的链接如下图样式方法：通过框架或模块都可以实现上述样式，我们以框架为例，我们在DIY的时候选中要编辑的框架点击编辑如下图所示之后点击标题在弹出的层中可以添加标题及链接,位置选择居左如下图所示同时可以设置标题的颜色及大小接下来增加“更多”的链接点击弹出层的添加新标题按扭如下图所示，会“复制”出一份新的标题你只需修改就可以了把其中的“精彩教程” 改成“更多” ，链接以及字体、颜色都进行修改就可以了，这里的位置一定要选择“居右”完成，这样框架就有了标题及更多，模块的方法同上二、DIY的模块中如何调整链接的颜色如下图样式方法：选中要修改的模块，点击编辑，选择数据如下图所示在弹出层中选择编辑如下图所示在弹出的层中可以对标题进行加粗、斜体、加下划线、修改颜色等操作完成三、如何在现有的模块中添加新的数据选中要添加数据的模块点击编辑--数据如下图所示在弹出的层中选择任意一条数据点击编辑如下图所示点击编辑后在弹出的层中选择从数据源获取此处可以添写帖子ID、文章ID、日志ID、图片ID 来获取数据如下图所示点击获取会填充模块内相应的数据字段（此处的数据字段会根据模块样式的不同有所变化，请注意）完成四、DIY时如何调用外部程序的数据当我们与第三方程序整合后如何在门户、频道、论坛、或可以DIY的区域调用这些第三方程序的数据首先我们可以在需要调用的地方拖一个展示类中的静态模块如下图所示如上图所示选择数据来源为“自定义HTML”一般第三方系统的数据调用都会有输出JS格式的我们把第三方程序提供的JS代码粘贴进HTML代码框就可以了如下图所示完成五、首页多格或首页四格如何DIY出来我们以论坛首页为例（在任何页面都可以）来制作一个首页四格首先在论坛首页拖一个1:1的框架如下图所示接下来向已拖好的1-1框架的框架里左侧的1 里面拖入一个1:1的框架如下图所示接下来向右侧的1里面也拖入一个1:1的框架如下图所示接下来我们就可以通过拖拽模块到框架中去了此时我们可以去掉框架的标题，同时为每一个模块增加一个标题如下图所示你可以通过不同的模块样式或者CSS来美化这里完成六、如何修改整个模块的链接样式比如下图方法：选中要编辑的模块，点击编辑--样式进行修改如下图所示以上修改针对整个模块完成七、如何修改两个模块或两个框架之间的距离如下图样式选择要编辑的框架或者模块，点击编辑--样式选择外边距，勾选分别设置，在右边距中写入合适的数字就可以了例如10如下图所示完成后的效果如下图样式完成。

第1步：进入版块内点击右上角的DIY（如下图，注：静态化无法DIY，请取消静态化）第2步：拉好框架（先放3:1的，再将后两个框架放入其中）如下图所示（下面说的都无需再拉多个框架，这一步已把该拉的红框都拉好了）：第3步：设好红框（就是指向出现红色的框架，在这我将其称为红框）的样式参数（如下图，对比看说明）图中1：边框，请将默认的【大小】改成0（因为这样不会显示边框线，不选则会显示官方默认的边框线）图中2：边框一定要为0，这样是最大化，0和不填是不一样的！图中3：边框一定要为10，这样是和下方框体的距离，若填0则会连在一起！图中4：此处请一定不要选择【无边框框架】否则你用TAB框架则在标题加链接时会成白色，留空不选即可！第4步：先DIY右边的。

请拉一个红框的框架到图中右边的框架内，然后点击样式，如图：图中1：边框线颜色为：1PX。

我用的是粉红色！根据自己的爱好选色！图中2：上为0（但官方默认的是1PX的距离，所以该处请填0，其它的请设置为1）第5步：红框的边框线，粉红的（如下图）图中1：请设为4PX（想更粗请设大点）图中2：左10PX（是与左边的框架保持10PX的距离，要不会连在一起）第6步：拉一个论坛类的帖子模块放在上一步设置好的红框内，点样式设置参数（如下图）图中1：链接字体，12PX是官方默认的，可以留空。

后面的是字体颜色！图中2：请选边框为0，也可以留空（这里和红框不一样，留空也不会有官方的默认边线）。

图中3：外边距设置和内边距有所不一样，自己理解，请看图中设置，假如你把图中右10PX 输入到下面的内边距的话，标题就偏了~最好这样搞！图中4：内边距的下2PX是为了对平左边框架，所以才设置为2，你可以根据右边的边框线对平（这里请善用QQ截图功能，最后我会教你如何用QQ截图进行DIY较正）第7步：标题，我在这用的方法是不正规设置方法，主要是考虑到美化，用的是图片（看下图）图中1：你看错了，那不是空的，是在智能ABC（我打五笔的）输入V+1这是空格白键，无字体的，但是会有字体一样，因为官方是默认无字体的话是无法设置标题的，所以用这招骗过官方！图中2：图片路径，为不平铺！0K，左边的DIY完成，先讲到这，顶的人多，再教你DIY另一边的~最后说一下我DIY用到的常用工具：1：QQ截图，我设置了快键（ALT+Q）方便截图及对齐边框，效果如下，自己理解。

手把手教你架设Discuz!论坛前些天，有朋友要小强帮忙架一个论坛。

可是刚开学一直很忙（11门课啊~~还不说七七八八的杂事），都没顾上弄，这次国庆假期正好很无聊，于是决定动手试一下，毕竟没玩过类似的东西。

经过了一天的安装调试之后，偶的实验论坛终于动起来了，兴奋之后觉得“独乐乐不如众乐乐”，于是就有个这篇东东。

开始之前呢，还是要说一些“废话”：虽然本文中用到的软件都是free的，但是，应当遵重原作者的权利及相关授权文档。

还有就是偶对这个东西也是第一次玩，又说的不对的地方欢迎大家拍砖（人身攻击除外，呵呵）。

好了，闲言少叙，进入正题。

本文中涉及到三种开源软件的Win32版本：n Apache HTTP Server 2.0.46n MySQL Servers and Clients 4.0.13n PHP 5.0.3此外就是同为开源的Discuz! 2.5 简体中文免费版（还是开源的东西好啊，功能又强，效率又高，又稳定，而且最重要的是：大多数情况下免费！）。

以上这些软件在网上都很容易找到，下面只对这三种软件作简单介绍，更为详细的资料请参阅该软件的文档；对于该软件的下载方法就不说了，一个字：搜。

如果比我还笨或还懒得话给我发邮件好了（不过mail的主题里要写明原因:P）。

Apache HTTP Server是一种高效率的可在多种平台下的网页服务器（我尽量说的简单，但如果你连网页是啥都不知道那就没办法了）。

它由Apache开源组织（）开发和维护。

记得去年同学找工作时候听过一种说法，如果你能有一个Apache的邮箱（如starsnow@），那找什么工作也就都不愁了(可是我没有，所以还是要愁啊~~)。

Apache HTTP Server在本次架设过程中主要提供基于HTTP （超文本链接）协议的网页服务。

MySQL是大名鼎鼎的高性能跨平台的数据库服务器（/），我挺喜欢它的那个海豚图标的，呵呵。

提供基于GPL（free）的数据库服务，即将建立好的论坛的各种数据（如帖子、回复、会员管理等）都会存在这个数据库里面。

近几天做了几套模板先将心的整理一下发给大家以供各位参考借鉴。

在做模板之前大家最好具备一些基本的网页制作方面的知识。

那么咱们先来看看如何制作一套简单的模板流程。

1、在Photoshop中制作风格页面并切图保存；2、制作html文档，css调整；在开始前，先了介绍一下discuz!的几个模板文件：1、header.htm--页面头部2、discus.htm--论坛首页3、index_header.htm--头部发帖按钮，和公告内容页。

4、footer.htm-- 页面底部5、viewthread.htm-- 查看帖子内容6、css_common.htm--公共样式css样式页面7、css_script.htm--其他常用css样式页面首先我们要制作的这套模板叫test，那么我就在templates目录下建立一个test目录。

在test目录下再新建一个images文件夹用于存放这套模板的图片，把切好的所有图片保存到这个文件夹中。

templates/test 文件夹用于存放这套模板的htm文件，首先我们先到default默认模板下面去复制header.htm、discuz.htm、footer.htm这三个htm文件。

然后分别打开着三个文件，可能这里你需要一些常用的htm语言常识，和一些基本的css语法。

如果你不会的话可以去查阅一些资料。

我们大多时候我们不必完全去重新做。

默认模板的head等头部信息我们还是非常有必要要保留。

将你做好的静态文件的切图我ps缩小成一个110X120大小名为preview.jpg的图片放到test目录下（这是后台安装界面显示的缩略图）。

接下来的工作要在论坛后台设置中来完成（1）进入论坛点击“系统设置——> 界面——> 模板管理”，在新增模板后填入模板名称，模板文件所在目录，板权信息然后提交即可！如（3）然后切换到“系统设置——> 界面——>风格管理”，您就可以在界面风格中看到您所定义的新的风格方案。

接触Discuz! 有一段时间了，使用的风格都是别人的免费品。

一来自己的美工水平实在不行，二来网上很少有比较完整的模板制作教程。

因为工作的需要，现特写了一份模板的制作教程。

小弟才疏学浅，不对之处还请指正。

模板制作前请将你的界面设计好，并制作成html+CSS的格式。

这里我就以大魔王的“蓝色经典”作为样版（知识共享，希望大魔王不要介意，如有侵权，请及时通知我）。

效果图如下：（图1)在开始前，先了介绍一下discuz!的几个模板文件：1、 --------------------------------------页面头部2、论坛首页3、页面底部4、viewthread--------------------------------------------------------------查看帖子内容discuz！论坛的页面通常是几个模板文件共同作用下达到的效果，如图1就是++这三个文件共同作用的效果。

对应的是：（图2）对应的是：（图3）剩下的就是文件显示的了。

当然你要将首页显示的效果就制作成一个文件模板也是可以的，这里之所以分开，是因为和文件通常还会被其它的模版文件引用。

也就是说，其它的页面（比如发贴的页面）的头部、底部与首页的头部、底部完全一样，分开来写就可以达到重复利用，减少劳动的效果。

下面我们就开始制作：首先，现在我要制作的这套模板叫test，那么我就在templates目录下建立一个test目录。

在test目录下再新建一个images文件夹用于存放这套模板的图片，把切好的所有图片保存到这个文件夹中。

templates/test文件夹用于存放这套模板的htm文件，在这个目录中新建三个文件、、，打开你设计好的主页html文件，将你想作为头部的那一段代码复制粘贴到文件中，相应的将作为底部的那一段代码复制粘贴到文件中，其余的代码复制粘贴到文件中。

最后在文件的最顶部和最底部分别加上：{subtemplate header} 和{subtemplate footer}这两句算是discuz的语言，意思是将和文件包含进来，这样就构成了一个完整的主页面了。

Discuz X3.2模板的制作方法教程Discuz模板的制作相对还是比较简单，现在应用中心的上线又涌现出来一大批模板开发作者，不管大家做免费模板还是商业模板，都希望每个开发者可以维护好自己的模板，给站长们一个好模板。

Discuz模板的创建步骤每个都不尽相同，今天在站帮网分享下Discuz模板的创建方法。

一、创建Discuz模板存放文件夹在论坛程序根目录中的template文件夹中创建自己命名的模板目录g8f8，如下图所示：二、论坛后台模板管理里面的新增模板后台--界面--模板管理--新增模板，具体填写如下图所示：三、复制默认风格界面配色方案或者新增后台--界面--风格管理--点击默认风格上面的复制。

四、编辑复制出来的风格，选择2步新增的某某模板为匹配模板五、创建全局CSS样式和常用模板文件在创建的模板文件夹g8f8中建立全局文件夹common，并在全局文件夹里创建css样式文件与常用全局文件extend_common.css 是附加的全局样式表extend_module.css 是附件的模块样式表widthauto.css 是切换宽版时二次定义全局样式表的文件header.htm 全局页头文件footer.htm 全局页尾文件因为Discuz的模板处理特性是如果不能在非默认模板目录中找到模板文件就在默认模板目录中去调用！所以我们需要修改哪个模板文件，就到对应默认模板中复制文件放到自己创建的模板文件夹中即可。

创建模板时请根据默认模板目录的文件目录结构对应进行复制创建，查看模板目录结构注解。

六、在创建的模板目录中增扩展图片目录文件夹images。

七、编辑复制出来的新模板，设置扩展图片目录template/g8f8/images八、设置复制出来的新模板为默认模板，模板创建完成，进行其他DIV+CSS设计。

注意事项：风格管理编辑页面中重点风格常量介绍1、匹配模板：对应的模板套系2、扩展配色：此风格基础上可用于用户切换配色方案的扩展，它对应 ./template/mytest/style/ 目录中的样式文件。

此文谨献给新手,请高手飘过discuz论坛搭建及模板修改过程看此文前提要懂点html跟css，不然看了估计也不会太懂。

建站就要有源程序，有了源程序要让别人看到，怎样才能看到呢?买域名空间，买了域名空间别人还是看不到，要怎么做？上传源程序，安装，调试，工作正常就是一站了。

（此处是废话，看下边）第一步：域名空间就不说了，最好备案哈，貌似论坛也得备案。

弄源程序传到空间内，确定是gbk还是utf8的，下面有用（前提域名解析好）第二步：输入域名类似：/ install/ 转到install目录下，按提示安装，要是不会配置就到官网看下，其实很明白的，只是本文的重点不在这里。

第三步：安装成功后会有提示，下面就是模板了，这个是本文的重点，以下不再分步骤了，别用鸡蛋砸我（从小作文不好，语句不连贯）一般安装好后都是那个蓝色的模板，我看起来感觉不是太好看，相信大多人也有想换皮肤的感觉，好，我们这就找皮肤去一般来说我们会在chinaz上找或者到dz上找，dz上好的大多收费，所以我们google下dz论坛风格，应该还能搜出来不少的，呵呵，看你喜欢哪一种，下载前看好版本号，本文以dz7为例，版本号不对是不成的，需要修改好多地方，所以还是先看好版本号再下，另外看是gbk还是utf8的，这个影响也比较大，都会出现乱码，让你找不到北，所以还是谨慎点，（模板覆盖前做好备份，省的出现问题了不好补救）。

我的论坛是utf8的，风格还真不好找，找了好几天也没找到合适的，最后自己在别人的基础上修改了一个，哎，想来想去，还是劝大家直接装gbk的吧，不然后期麻烦多多。

说说几个重要的文件：header.htm这个文件跟名字一样包含了头部的信息，meta标签信息，及js代码包含还有个人信息导航，可根据需要修改，这个一般不需修改，meta额外标签可以在后台直接添加，js这个可以根据需要在模板里添加。

css_common.htm 这个文件是整体的样式表，基本上都集中在这里，可以根据需要自己修改，如果想给body的scrollbar 加点颜色，在指定html的doctype的情况下是没有作用的，告诉你一个小方法，可以在doctype声明上面加点注释，例如<!--注释信息-->这样就起作用了，呵呵，无意中发现的。

discuzx2门户diy模板制作教程(两种方法)方法一:今天主要说的是整个模板上半部分中间是怎么设置的，具体效果如下红框部分。

一眼就可以看出中间的这部分分成了三块，第一块是加粗的两篇文章标题，第二和第三快都是调用论坛的论坛，整个部分用两条虚线给分成三小快的，这样说就很容易操作了。

首先我们先拉三个帖子模块和两个静态模块排列好静态模块如下图样式设置首先我们说第一小块是怎么做出来的，第一眼大家会看到蓝色的部分和左上角的HOT是怎么做的，其实是一张图片调用就可以了，把图片上传到你的空间。

然后选择框架编辑—样式，如下图设置，记住背景图片后面选择不平铺第一小快，我们选择帖子模块—编辑—属性，如下图设置在设置好模块属性之后，最主要的是模块模板，将如下代码复制进模块模板的代码框里即可<div class="module cl xld"style="padding-top:10px;">[loop]<dl class="cl"><dt><div align="center"><ahref="{url}"title="{title}"{target}style="font-size:15px;color:#1897d5">{title}</a></div></dt><dd>{summary}...<ahref="{url}" target="_blank"style="color:#1897d5"">[详细信息]</a> </dd></dl>[/loop]</div>到这里大家点击确定就可以看到效果了，第一小块就搞定了。