Discuz! X1 前台使用 如何DIY门户

核心提示：论坛的帖子、UCHome 的日志，都可以直接推送到门户的文章库里面，Discuz! X1 前台使用 如何DIY门户，Disucz! X1 的门户系统灵活而强大，站长可以通过 DIY 功能聚合网站包括会员，如下图所示：2、编辑背景和边框属性点击模块右侧的编辑 => 样式，如下图所示：出现如下图所示的内容，帖子，日志

论坛的帖子、UCHome 的日志，都可以直接推送到门户的文章库里面。Disucz! X1 的门户系统灵活而强大，站长可以通过 DIY 功能聚合网站包括会员，帖子，日志、图片等信息，并以多种样式展示；也可以自己发布文章，管理资讯频道；还可以通过 DIY 功能将有相同主题的内容聚合在一个专题页面。

下面我们主要讲解如何使用 DIY 功能。

DIY自己的首页，建立框架是第一步。

一、tab框架

1、在 DIY 页面下，点击框架，选择 tab 框架，如下图所示：

2、选中 tab 框架，按住鼠标，把 tab 框架拖到要加入框架的位置，如下图所示：

3、添加好tab框架之后，点击编辑 => 标题，编辑框架标题的属性，如下图所示：

4、点击编辑 => 样式，编辑背景和边框的属性，如下图所示：

至此一个tab框架就添加好了，可以继续添加模块，自定义设置完善框架。

tab 框架的效果，如下图所示：

二、1:1:1框架

1、在 DIY 页面下，点击框架，选择 1:1:1 框架，如下图所示：

2、选中1:1:1框架，按住鼠标，把1:1:1框架拖到要加入框架的位置，如下图所示：

3、添加好1:1:1框架之后，点击编辑 => 标题，编辑框架标题的属性，如下图所示：

4、点击编辑 => 样式，编辑背景和边框的属性，如下图所示：

5、至此一个1:1:1框架就添加好了，可以继续添加模块，自定义设置完善框架。

1:1:1框架的效果，如下图所示：

三、框架嵌套

DIY 页面提供了100%框架，1:1 框架，1:2 框架，2:1 框架，1:3 框架，3:1 框架，1:1:1 框架，tab 框架，8 中框架种类，可以通过框架的嵌套，可以更好的设计出个性化的专题。

本例中，建立了一个 3:1 框架，在 3:1 框架3的部分中添加了一个 1:1 框架，在 3:1 框架 1 的部分中添加了一个专题类模块，然后在 1:1 框架中添加了图片类模块和会员类模块。建立之后的效果，如下图所示：

添加了框架之后，还需要添加模块，让整个专题栏目显示的更加完善，内容也更加丰富。

四、模块的使用

本例中在 1:1:1 框架中添加模块

打开专题 DIY 页面，点击模块，选择帖子类模块，按住鼠标，将模块拖到要放置模块的位置，如下图所示：

1、编辑模块标题：

点击模块右侧的编辑 => 标题，如下图所示：

出现如下图所示的内容，填写相关内容，确定即可：

模块标题：输入要显示的模块标题，如：最新帖子。

链接：输入点击模块名称要跳转的链接地址，如http://localhost/dzx/forum.php

图片：输入显示在模块名称前面的模块图标地址，如：./static/image/common/star_level1.gif

位置：设置模块名称的显示位置，偏左或偏右

偏移量：设置模块名称显示位置的偏移量

字体：设置模块名称字体显示的大小

颜色：设置模块名称的字体颜色

背景图片：输入显示在模块名称处的图片地址，如./static/image/common/star_level1.gif

背景颜色：设置模块名称位置的背景颜色

设置后的效果，如下图所示：

2、编辑背景和边框属性

点击模块右侧的编辑 => 样式，如下图所示：

出现如下图所示的内容，填写相关内容，确定即可