discuz 木木门户系统修改模板详细教程 木木门户系统安装详细教程（三）

模板修改前准备工作

FTP软件（用来上传和下载网站文件）

下载地址：http://dl.pconline.com.cn/html_2/1/89/id=61&pn=0.html

(下载地址只是我们提供的一个参考，您可以可以使用其他的)

编辑软件（修改代码）

电脑有专业软件可以直接使用，如没有，可以下载一下轻巧编辑软件

推荐使用notepad++

下载地址https://pc.qq.com/detail/0/detail_1300.html

模板目录结构

/template/mumucms_pctheme/common公共模板目录全局加载

footer.php全局页脚

header.php全局页头

header_common.php全局页头文件（必须）

wapfooter.php小屏全局页脚

wapheader.php小屏全局页头

/template/mumucms_pctheme/forum论坛模板目录

ajax_threadlist.phpAJAX快速回复框

discuz.php论坛首页

forumdisplay.php帖子列表页

forumdisplay_list.php帖子列表页数据列表

forumdisplay_sort.php版块分类信息搜索

post_forumselect.php版块选择模板（快速发帖时使用）

search_sortoption.php分类信息选项搜索模板

viewthread.php帖子页主模板文件

viewthread_activity.php查看活动模板

viewthread_fastpost.php帖子页快速回复框

viewthread_node.php帖子页-帖子楼层循环模板

viewthread_node_body.php帖子页-帖子内容处理模板

wap_forumdisplay_list.php小屏帖子列表数据列表

wap_forumdisplay_sort.php小屏版块分类信息搜索

wap_search_sortoption.php小屏分类信息选项搜索模板

/template/mumucms_pctheme/member用户管理模板目录

getpasswd.php找回密码

login.php登录模板

register.php注册模板

seccheck.php验证码模板

/template/mumucms_pctheme/portal门户模块模板目录

index.php门户首页

list_app.htm专题-APP下载页

list_post.htm专题-发布信息页

list_news_imagetext.htm新闻频道-图文列表模板页

list_news_text.htm新闻频道-纯标题列表模板页

list_news_tworanks.htm新闻频道-分类两列模板页

view_news_default.htm新闻频道-文章内容页

list_photo_index.htm图片频道-首页

list_info_index.htm信息频道-首页

list_job_index.htm人才频道-首页

list_huodong_index.htm活动频道-首页

list_mall_index.htm商城频道-首页

html基础教程

什么是 HTML？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如

HTML 标签通常是成对出现的，比如 和

标签对中的第一个标签是开始标签，第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

具体实例请点击查看

需要修改模板哪里，找到对应的文件，在里面修改即可 

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的具体使用方法

logo修改大全

制作与下面的图片名称和尺寸相同的logo图片，找到对应位置直接覆盖，覆盖之后更新缓存或者强制刷新Ctrl+F5

经典模式下LOGO：

地址：template/mumucms_pctheme/img/header/header001/mumucms_logo.png

尺寸：250X60

清新模式下LOGO：

地址：template/mumucms_pctheme/img/common/mode/mumucms_logo_mode.png

尺寸：225X54

手机端LOGO：（最新版不需要设置LOGO）

地址：template/mumucms_pctheme/img/wap/header/header001/mumucms_wap_logo.png

尺寸：300X60