Discuz!X1 DIY 教程
一、概念简介
1 、框架：页面的布局；
2 、模块：DIY 的
基本元素，包含数据来源和显示样式；
3 、数据来源：控制模块中的数据；
4 、显示样式：控制模块中数据的展示方式；
二、详细使用说明
1 、框架
目前提供的框架共有六种不同的各类，分
类是 100% 框架、 1：1 框架、 1：2 框架、 2：1 框架、 1：1：1 框架和 Tab 框架。框
架分类如下面所示：
框架中可以拖入框架和模块，框架可以多层嵌套。
示例：
结果：
将框架拖入页面后，可以对框架进行标题和样式进行管理操作：
A 、框架标题栏
每种框架栏都可以设置多个
标题，每个标题中可以包含图片、文字和链接，并可以设置颜色、大小和位置，也可以设置整个标题的背景图片和颜色。框架标题栏管理如下图所示：
B 、框架样式
可以设置一些常用的 CSS 样式，包括字体和链接大小和颜色，整体边框的大小、样
式和颜色，也可以分别设置四个边框。可以设置框架的背景颜色、图片和外边距，四个外边距也可以分别设置。
框架样式如下图所示：
如果上面的功能还不能满足你的需求，你可以自己写 CSS 样式，然后为这个框架指
定 className 。
Tab 框架是一种特殊的框
架，它除了具有上面框架的所有功能以还有一个特有的功能 ，可以设置 Tab 框架里标签的切换方式：鼠标点击和滑过两种方式。如下图所示：
2 、模块
模块通过模块显示样式来展示模块数据。
在 DIY 模式下模块除了可以像框架一样设置标题栏和样式以外，还可以设置模块内容的内边距。
模块的类型共有 6 大类 19 小
类，提供对帖子、文章、日志等站内数据的调用。模块的类型如下图所示：
A 、模块属性
公共属性包括：自定义内容、数据来源、
起始行数和显示条数、数据缓存更新、显示样式和模块标识。
模块属性编辑如下图所示：
a) 自定义内容支持 HTML 和 JAVASCRIPT，显示位置紧跟在模块标题的下面。
b) 数据来源内置了一些常用的类型，如
热门的、最新的等等，高级自定义可以实现更复杂的需求。
c) 起始行数和显示条数可以设置数据获
取的开始位置和显示条数。
d) 数据缓存更新时间，设置模块的数据内容更新时间间隔，也可以设置永不更
新。
e) 显示样式内置了常用的样式，如文字列表、图片列表、图文混排列表、轮换图等。
f) 模块标识是模块的名字，供后台管理时方便识别，并非模块的标题。
模块的其它属性是随着选择的数据来源和显示样式的不同而不同。
B 、模块数据
模块的数据包括当前页面上显示的所有数
据，可以编辑每一条数据。每一条数据都可以单独设置和修改其原来数据显示的位置、内容、文字、链接、大小、颜色、显示的时间等等。
也可以在指定的位置添加自定义的特殊数据，可以设置数据开始显示时间和失效时间，也就是说你可以为当前模块的某个位置预定一条特殊
数据。
模块数据编辑如下图所示:
3 、数据来源
数据来源提供对帖子、文章、日志等站内
数据的调用。对每种模块类型内置了一些常用的数据调用，并且可以使用高级自定义来设置更为复杂的调用需求。
4 、显示样式
系统一共内置了 100 多个各种各样的显示样式，包括各种不同类型模块下的多种显示样式，例如：会员类模块内置的样式有：会员头像列表、用户名列表、头
像+用户名+发贴数 （有序） 、头像+用户名+积分数 （有序） 等样式。如果系统内置的样式满足不了你的需求，你可以
在后台管理中心-> 门户-> 模块样式中
添加不同类型模块的自定义样式。
模块中不同类型的数据调用有不同的显示样式，如会员类型模块内置样式如下图
所示：
