Discuz模板修改教程演示

第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）方便截图及对齐边框，效果如下，自己理解。

上篇我已经介绍过了最主要头部文件现在我们接着header篇的教程接着往下将。

下面就到了内容区的内容了。

也就是默认模板文件中的discuz.htm中的内容。

这个文件里所包含的内容比较多下面我们来逐个分析一下它:第一部分:这个区域放置在discuz.htm中的头部最右侧的风格切换按钮并不是这一部分的.它是header 部分的.在这部分通常需要修改的地方不多.他的htm文件内容放置在: ? ? ? ? ? ? ? ? ? ? ? ? <div id="nav"></div>标签样式主要放在css_commen.htm中的：#nav { margin: -8px auto 0; background: url({IMGDIR}/icon_nav.gif) no-repeat 0 50%; text-align: left; text-indent: 25px; line-height: 3em; }#nav, #nav a { color: {MENUHOVERTEXT}; }如果你想知道以上代码的意思。

可以的奥网上去查查每个属性的意思，然后根据你要修改的要求给予其适当的值。

接着下面到了页面的主题内容区域：下面我分块给大家一部分一部分的剖析，首先是如下图的这部分：我们这里通常需要注意的是：1．发帖按钮和他旁边的一行字，还有下面的整个公告并不是在discuz.htm文件中的。

他们统一放在index_header.htm的文件中。

结构很清晰得分为上下两部分。

在这里需要重点介绍的是发帖按钮我们通常会替换这个按钮成我们自己的按钮。

那么我们需要去改动它的样式。

我们去》./tempaltes/default/css_script.htm中找到如下代码：.postbtn, .replybtn { width: 67px; height: 30px; background: url({IMGDIR}/newtopic.gif) no-repeat 0 0; font-size: 14px; font-weight: 700; line-height: 28px; *line-height: 32px; text-align: center; overflow: hidden; } .replybtn { background-image: url({IMGDIR}/reply.gif); }你可以更换你的图片，添加如下代码到你的模板文件夹下的css_script.htm或者css_script_append.htm中。

图文解说：Discuz论坛版块设置第二弹Discuz论坛功能十分多，后台需要设置的地方也很多，很多新手看着都摸不着头脑，小编接着《图文解说：Discuz论坛基础设置第一弹》继续讲解，长沙seo这次分享的是后论坛增删版块和设置的方法。

安装好DZ后，登陆后台，点击论坛→版块管理。

小编以SEOWHY论坛为例，如下图：
按图中添加好相应的版块，后点击提交。

然后我们到首页预览，并对照下SEOWHY论坛。

图如下：
通过对比，这两个大板块的添加成功，但是可以看到，SEOWHY论坛子版块都是横向显示的，看起来也美观。

每行显示3个，那么如何设置呢？我们以第一个大板块“SEO交流区（三人行必有我师）”为例，点击图中的编辑版块，如图：
进入后，我们如下图在“论坛首页下级子板块”设置成3，也可以设置分区名称的颜色以及分区子版块的子版块横排显示个数。

如下图：
分区子版块的设置方法和分区设置多几个功能需要设置，可以添加子版块图标，定义图标大小，顶部图片，子版块颜色，版块URL转向和规则等。

如下图：
扩展设置、帖子选项、权限相关、积分策略和其他设置起来也比较简单，就不一一列出，站长可以按照自己的需求进行以下设定：
Discuz论坛版块增删和设置的方法就说到这，总的来说比较简单，不会的童鞋可以参照SEOWHY 的设置进行学习。

小编将会在第三弹继续为大家奉上DZ论坛其他设置的攻略，希望对使用Discuz做网站的新手站长们有帮助。

本文转自长沙seo：/jingyan/69.html，由站长龙俊原创编辑，转载请注明出处，小生不胜感激，谢谢！。

Discuz!论坛系统DIY模块模板使用教程Discuz!论坛系统DIY模块模板使用教程今天为大家讲解一下在使用DIY过程中的一些技巧与方法仔细阅读，受益匪浅一、如何在模块中增加“标题”及“更多”的链接如下图样式方法：通过框架或模块都可以实现上述样式，我们以框架为例，我们在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如下图所示完成后的效果如下图样式全方位立体式讲解DIY技巧集锦第二弹一、DIY中TAB框架如果切换点击方式（鼠标点击与鼠标滑过）如下图中的效果如何实现实现方法：拖一个TAB框架到页面中，点编辑，选择标题如下图所示在弹出的窗口中选择切换类型如下图所示。

DEDECMS建站后布局模板修改方法1、以将不需要显示部分去除，那么就需要修改模板了。

可以看看我的网站下方就是只保留了左边最新、中间固定部分，右侧热点部分。

看看我怎么修改的。

主要修改的是默认模板中的index.htm和head.htm。

找到这两个文件的方法有两种：1）直接访问你网站的FTP，文件再目录/templets/default/ 下，下载到本地修改后上传覆盖。

2）登录到DEDE后台，在模板管理找到文件点击修改就可以在线编辑了，建议先保存源文件，以备修改出错后可以恢复。

比如我修改index.htm，将flashnews ,picnews,还有各分类显示的内容去掉了。

主要找<div> </div>标签之间代码，删除之后，点击保存，然后点击“生成”—>更新主页HTML就可以看到修改之后的效果。

一般反复修改多次才会达到你想要的布局。

另外修改分类页面（list_article.htm）和文章页面（article_article.htm）也是一样的方法。

提醒的地方就是修改完之后要记得在“生成”页面更新相应的HTML，或是点击“一键更新网站”和“更新系统缓存”即可。

修改分类页面的XXX 可以到这里看看：修改文章页面的XXX到这里：2、做网站的应该都知道SEO，可以看到很多网站文章页面都会有个“推荐文章”或是“阅读此文的人还阅读了。

”，这就是相关文章了，那么我们怎么让文章页面显示相关文章呢？找到article_article.htm模板，点击修改，打开后找到下图方框中的代码，这里是显示文章的内容，在这段代码下面加上相关文章代码（下图椭圆部分就是），——————————————————————————————<br><br><ul><b>阅读本文的姐妹还阅读：</b></ul>{dede:likearticle row='12' col='1' titlelen='80'}<li><a href="[field:arcurl/]">[field:title/]</a></li>{/dede:likearticle}——————————————————————————————这里row的数值是显示相关文章的个数还要修改标签文件：找到文件：\include\taglib\likearticle.lib.php打开找到下面的代码：$typeid = " And arc.typeid in($typeid) And arc.id<>$arcid ";修改为：$typeid = " And arc.id<>$arcid ";保存，再更新网站就搞定了3、DEDECMS建立的网站，网站主页在浏览器地址栏中显示是带/index.html的，一般做SEO的都不愿意保留这个后缀，那么怎么去掉index.html只显示主域名呢。

图文解说：Discuz论坛版块设置第二弹Discuz论坛功能十分多，后台需要设置的地方也很多，很多新手看着都摸不着头脑，小编接着《图文解说：Discuz论坛基础设置第一弹》继续讲解，长沙seo这次分享的是后论坛增删版块和设置的方法。

安装好DZ后，登陆后台，点击论坛→版块管理。

小编以SEOWHY论坛为例，如下图：
按图中添加好相应的版块，后点击提交。

然后我们到首页预览，并对照下SEOWHY论坛。

图如下：
通过对比，这两个大板块的添加成功，但是可以看到，SEOWHY论坛子版块都是横向显示的，看起来也美观。

每行显示3个，那么如何设置呢？我们以第一个大板块“SEO交流区（三人行必有我师）”为例，点击图中的编辑版块，如图：
进入后，我们如下图在“论坛首页下级子板块”设置成3，也可以设置分区名称的颜色以及分区子版块的子版块横排显示个数。

如下图：
分区子版块的设置方法和分区设置多几个功能需要设置，可以添加子版块图标，定义图标大小，顶部图片，子版块颜色，版块URL转向和规则等。

如下图：
扩展设置、帖子选项、权限相关、积分策略和其他设置起来也比较简单，就不一一列出，站长可以按照自己的需求进行以下设定：
Discuz论坛版块增删和设置的方法就说到这，总的来说比较简单，不会的童鞋可以参照SEOWHY 的设置进行学习。

小编将会在第三弹继续为大家奉上DZ论坛其他设置的攻略，希望对使用Discuz做网站的新手站长们有帮助。

本文转自长沙seo：/jingyan/69.html，由站长龙俊原创编辑，转载请注明出处，小生不胜感激，谢谢！。

Discuz模板修改教程演示Discuz是一款广泛使用的论坛软件，因其功能强大、易用性高而备受欢迎。

在Discuz中，用户可以通过修改模板来实现个性化的论坛界面。

本文将为大家详细介绍Discuz模板修改的教程，并通过演示展示如何进行操作。

一、概述Discuz的模板修改指的是对论坛的前端界面进行定制化的调整，使之符合用户的需求。

通过修改模板，用户可以改变论坛的颜色、字体、布局等外观特征，从而打造独一无二的论坛风格。

二、准备工作在开始模板修改之前，需要先准备一些必要的工作：1. 确保已经安装并成功运行了Discuz论坛软件；2. 了解HTML、CSS等相关前端知识；3. 选择合适的文本编辑器，如Sublime Text、Notepad++等。

三、模板修改步骤以下是具体的模板修改步骤，供参考：1. 选择模板首先，需要选择一个适合的模板进行修改。

Discuz官方论坛和一些第三方网站都提供了丰富的模板资源，用户可以根据自己的喜好进行选择。

2. 复制模板文件找到您选择的模板文件所在的目录，并将其复制到本地。

通常，模板文件位于Discuz的"template"文件夹下，每个模板都有一个独立的文件夹。

3. 修改模板文件在本地复制的模板文件夹中，找到包含HTML和CSS代码的文件，通常以".htm"或".html"为扩展名。

使用文本编辑器打开该文件，并进行相应的修改。

例如，如果您想改变论坛的背景颜色，可以在CSS代码中找到对应的背景颜色属性，并进行更改。

同样地，您也可以修改字体、边框、按钮等样式。

此外，还可以通过修改HTML代码来调整论坛的布局，如添加新的板块、调整导航栏位置等。

4. 保存并上传完成修改后，保存文件并上传到服务器上的对应位置。

一般来说，您需要通过FTP软件将修改后的模板文件夹上传到Discuz的"template"目录下。

此文谨献给新手,请高手飘过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>到这里大家点击确定就可以看到效果了，第一小块就搞定了。