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

核心提示：5、至此一个1:1:1框架就添加好了，可以继续添加模块，Discuz! X1 前台使用 如何DIY门户(2)，自定义设置完善框架，1:1:1框架的效果，如下图所示：2、编辑背景和边框属性点击模块右侧的编辑 => 样式，如下图所示：出现如下图所示的内容，如下图所示：三、框架嵌套DIY 页面提供了100%框架，1:1

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、编辑背景和边框属性

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

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