Discuz模板修改教程演示
Discuz模板修改教程演示Discuz教程演示, Discuz模板修改近几天做了几套模板先将心的整理一下发给大家以供各位参考借鉴。
在做模板之前大家最好具备一些基本的网页制作方面的知识。
那么咱们先来看看如何制作一套简单的模板流程。
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）然后切换到“系统设置——> 界面——>风格管理”，您就可以在界面风格中看到您所定义的新的风格方案。
点击安装就可以了！如下图：（4）然后点击[编辑] 后就可以进入该模板的风格配色方案的编辑页面，此根据你的界面风格配色方案设置一下你的配色方案。
具体的设置参数，主要对应的前台显示效果参照如下链接地址的标注：_f填写好后，点击“提交”，更新一下缓存，就ok了。
在这里我只是简略的介绍一下安装成品模板的方法。
在制作模板的过程中我们大多数的精力主要集中在样式的调整。
不过dz给我们提供了简单快捷的调试方式。
你可以将需要修改的样式写到css_appendhtm ,它的代码是：$extrahead{subtemplate css_script}根据css的特点，在css_appendhtm里的样式将覆盖css_commen.htm中的文件的。
注意只是覆盖原有的属性。
没有修改的属性将依旧调用css_commen.htm的样式。
这样我们各以节省很多的代码。
同样对于css_script.htm同样如css_commen.htm一样。
你只需要在新建一个文件css_script_append.htm文件。
将所需修改的样式拷贝到css_script_append.htm，但需要注意的是一定按dz的规范，将css样式写入你所修改的代码所在的标签中。
例如：[CURSCRIPT = index][/CURSCRIPT]下面我将逐步介绍如何简单的调整htm模板文件和css，文件以帮助大家更好的了解如何更好的来了解模板文件。
一、首先我们将default默认模板文件夹下的：1、header.htm--页面头部2、discus.htm--论坛首页4、footer.htm-- 页面底部同时新建一个css_append.htm文件。
用来填写你需要记录的css样式。
一般我们通常需要移动的元素和样式主要有以下集中元素。
网站头部：header.htm1 头部登录注册菜单菜单，主要对应的htm代码标签为<div id="umenu"> </div>主要对应的css样式为css_commen.htm中的：#menu { position: absolute; right: 0; bottom: 0; _bottom: -2px; height: 26px; }#menu li { display: inline; float: left; margin-left: 5px; {MENUBGCODE}; }#menu a { float: left; padding: 0 14px; height: 25px; border: solid {MENUBORDER}; border-width: 1px 1px 0; background: transparent none; line-height: 25px; color: {MENUTEXT}; text-decoration: none; overflow: hidden; }#menu a.dropmenu { padding-right: 20px; background-image: url({IMGDIR}/arrow_down.gif); background-repeat: no-repeat; background-position: 95% 50%; }#menu a:hover { border-color: {HEADERBORDERCOLOR}; background-color: {MENUHOVER}; color: {MENUHOVERTEXT}; }#menu li.current a { height: 26px; border-color: {HEADERBORDERCOLOR}; background-color: {MENUHOVER}; color: {MENUHOVERTEXT}; }2.网站logo.gif我们一般通过后台来调节他。
主要对应的htm代码标签为：<h2><a href="$indexname" title="$bbname">{BOARDLOGO}</a></h2>主要对应的样式为：#header .wrap { position: relative; padding: 24px 0 22px; }#header h2 { float: left; }当然有些css并不是直接加大元素上的有时候他们需要间接，复合来控制。
至于效果你要自己修改看看。
3.头部的导航栏对顶主要对应的htm代码标签为：<div class="menu"></div>主要对应的样式为css_commen.htm中的:#menu .menu1 { background:url({STYLEIMGDIR}/menu_bg.gif) no-repeat scroll 0 0 transparent;height:35px;margin:0;padding-left:25px;}#menu .menu1 ul { float:left; width:700px; }#menu a { font-size:14px; border:medium none; color:#7FA1C4; font-size:14px; line-height:27px;}#menu a:hover { background-color: transparent; }#menu li.current { background:url({STYLEIMGDIR}/menu_cur.gif) no-repeat scroll 0 0 transparent;}#menu li.current a { *height: 35px; border:0 solid {HEADERBORDERCOLOR}; background:{MENUHOVER} url({STYLEIMGDIR}/menu_cur.gif) repeat-x right -27px; overflow: hidden; height:35px; }#menu li { display:inline; float:left; margin-left:5px; height:27px; margin:4px 0 0; list-style:none outside none;}一般都不文件大体上包含着三个元素至于一些细节问题你就要自己亲自动手试一试了。
二、下面是discuz.htm文件需要修改的地方。
主要对应得htm代码为discuz..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}; }通常在大家修改边内容区的时候需要修改：板块下面的背景和版块前面的默认图标。
这里主要是通过以下css来控制实现的：.list { border-top: 3px solid {COMMONBORDER}; }.content .list h3 { padding-left: 6px; color: {MIDTEXT}; line-height: 35px; }.list td, .list th { height: 50px; padding: 6px 0; border-top: 1px dashed {COMMONBORDER}; color: {MIDTEXT}; }.list th { background: url({IMGDIR}/forum.gif) 5px 10px no-repeat; padding-left: 45px !important; }.narrowlist th { vertical-align: top; }.list th.new { background-image: url({IMGDIR}/forum_new.gif); }.list th h2 em { font-weight: 400; }.list th h2 em strong { color: {NOTICETEXT} }注意这里的变量{IMGDIR}这种php变量在。
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）方便截图及对齐边框，效果如下，自己理解。
Discuz.htm修改教程
上篇我已经介绍过了最主要头部文件现在我们接着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论坛功能十分多，后台需要设置的地方也很多，很多新手看着都摸不着头脑，小编接着《图文解说：Discuz论坛基础设置第一弹》继续讲解，长沙seo这次分享的是后论坛增删版块和设置的方法。
安装好DZ后，登陆后台，点击论坛→版块管理。
小编以SEOWHY论坛为例，如下图：
按图中添加好相应的版块，后点击提交。
然后我们到首页预览，并对照下SEOWHY论坛。
图如下：
通过对比，这两个大板块的添加成功，但是可以看到，SEOWHY论坛子版块都是横向显示的，看起来也美观。
每行显示3个，那么如何设置呢？我们以第一个大板块“SEO交流区（三人行必有我师）”为例，点击图中的编辑版块，如图：
进入后，我们如下图在“论坛首页下级子板块”设置成3，也可以设置分区名称的颜色以及分区子版块的子版块横排显示个数。
如下图：
分区子版块的设置方法和分区设置多几个功能需要设置，可以添加子版块图标，定义图标大小，顶部图片，子版块颜色，版块URL转向和规则等。
如下图：
扩展设置、帖子选项、权限相关、积分策略和其他设置起来也比较简单，就不一一列出，站长可以按照自己的需求进行以下设定：
Discuz论坛版块增删和设置的方法就说到这，总的来说比较简单，不会的童鞋可以参照SEOWHY 的设置进行学习。
小编将会在第三弹继续为大家奉上DZ论坛其他设置的攻略，希望对使用Discuz做网站的新手站长们有帮助。
本文转自长沙seo：/jingyan/69.html，由站长龙俊原创编辑，转载请注明出处，小生不胜感激，谢谢！。
Discuz建站教程：[4]修改论坛、家园等标题
![Discuz建站教程：[4]修改论坛、家园等标题](https://360docs-1393072327.cos.ap-beijing.myqcloud.com/eb483616964bcf84b9d57b11.webp)
用心感受才知道。天天都是新的一天，我怎么发现有时候在重复
称的是默认显示“论坛”（页面底部的联系方
式处，如第一个是未更改前的，第二张是更改后
的，站点名称会显示在此！ 其他 QQ 信息，站长邮箱根据个人信息填写 即可！填写框右侧有提示！更改论坛标题 点击全局——SEO 设置——论坛，
和站点名称一样，如果想填写不一样，则就直接 填写名称即可 ，填写好后，点击提交（帖子标题等可以根 据喜欢填写，点击填写框的时候，右侧都会有提 示！）
用心感受才知道。天天都是新的一天，我怎么发现有时候在重复
提交保存后，刷新查看论坛，就会发现论坛 名称更改了（若果没有，可以点击工具——更新 缓存）更改门户标题
全局——SEO 设置——点击门户，
门户 title 可以自己取名，填写好后提交即 可更改家园标题 全局——seo 设置——家园，更改方法和论 坛标题及门户相同，这里不再赘述！注意事项
用心感受才知道。天天都是新的一天，我怎么发现有时候在重复
如果论坛还没有添加家园和门户功能，请查 看本人系列教材的门户、家园功能添加教程！ 更多建站经验，请关注本人的【Discuz 建站 教程】系列经验！Discuz 建站教程(共 37 篇)上 一篇：站长账户安全设置|下一篇：添加或修改
网站建好之后，所有的模板和标题以及 logo 都是 discuz 默认的，安装完成后需要进行更改，
如何修改论坛标题，门户标题，家园标题等呢？
现在给大家介绍一下！
站长账号
Discuz!X3.1 网站演示修改站点信息 首先登陆论坛后台管理中心，
进入后台后，点击“全局”， 首先更改站点名称，，网站没有更改站点名
主导航
2df0f9c9e 凤凰代理
用心感受才知道。天天都是新的一天，我怎么发现有时候在重复
Discuz!论坛系统DIY模块模板使用教程
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网站布局的模版修改方法
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论坛功能十分多，后台需要设置的地方也很多，很多新手看着都摸不着头脑，小编接着《图文解说：Discuz论坛基础设置第一弹》继续讲解，长沙seo这次分享的是后论坛增删版块和设置的方法。
安装好DZ后，登陆后台，点击论坛→版块管理。
小编以SEOWHY论坛为例，如下图：
按图中添加好相应的版块，后点击提交。
然后我们到首页预览，并对照下SEOWHY论坛。
图如下：
通过对比，这两个大板块的添加成功，但是可以看到，SEOWHY论坛子版块都是横向显示的，看起来也美观。
每行显示3个，那么如何设置呢？我们以第一个大板块“SEO交流区（三人行必有我师）”为例，点击图中的编辑版块，如图：
进入后，我们如下图在“论坛首页下级子板块”设置成3，也可以设置分区名称的颜色以及分区子版块的子版块横排显示个数。
如下图：
分区子版块的设置方法和分区设置多几个功能需要设置，可以添加子版块图标，定义图标大小，顶部图片，子版块颜色，版块URL转向和规则等。
如下图：
扩展设置、帖子选项、权限相关、积分策略和其他设置起来也比较简单，就不一一列出，站长可以按照自己的需求进行以下设定：
Discuz论坛版块增删和设置的方法就说到这，总的来说比较简单，不会的童鞋可以参照SEOWHY 的设置进行学习。
小编将会在第三弹继续为大家奉上DZ论坛其他设置的攻略，希望对使用Discuz做网站的新手站长们有帮助。
本文转自长沙seo：/jingyan/69.html，由站长龙俊原创编辑，转载请注明出处，小生不胜感激，谢谢！。
Discuz模板修改教程演示
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论坛搭建及模板修改过程--仅限给新手
此文谨献给新手,请高手飘过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模板制作教程(两种方法)
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>到这里大家点击确定就可以看到效果了，第一小块就搞定了。