Discuz! X1 前台使用 如何使用广场框架

核心提示：一、添加框架1、点击在广场页面右上方的 DIY 按钮，如下图所示：2、点击框架，Discuz! X1 前台使用 如何使用广场框架，选择一个自己想要插入的框架的样式(默认有 100% 框架，1:1，在 3:1 框架 1 的部分中添加了一个专题类模块，然后在 1:1 框架中添加了图片类模块和会员类模块，1:2，2:1,1:

一、添加框架

1、点击在广场页面右上方的 DIY 按钮，如下图所示：

2、点击框架，选择一个自己想要插入的框架的样式(默认有 100% 框架，1:1，1:2，2:1,1:3,3:1，1:1:1，tab 框架，共八种框架可以选择)。如下图所示：

3、用鼠标按住要插入的框架类型，拖到想要插入的地方，松开鼠标，即可看到框架已经被插入到相应的位置。如下图所示：

二、编辑框架：

1、点击框架右侧的编辑 => 标题，如下图所示：

1)框架标题：设置的此框架的标题。

2)链接：设置点击此框架名要跳转到的页面地址。

3)图片：设置显示在框架标题处的图片地址。如 http://localhost/dzx/static/image/common/bg_doing_ico.jpg

4)位置：设置框架标题的显示位置(偏左或偏右)，偏移量可以自己设置。

5)字体：设置框架标题的字体大小及颜色。

6)背景图片：设置框架标题处的背景图片地址及平铺样式。如 http://localhost/dzx/static/image/common/bg_doing_ico.jpg

7)背景颜色：设置框架标题处的背景颜色。

2、点击框架右侧的编辑 => 样式，如下图所示：

1)字体：设置整个框架的下模块区域的大小

2)链接：设置框架下添加的模块中显示的内容标题的字体大小。

3)边框：设置边框的线条的粗细，样式及颜色，可以四条边框分别设置。

4)外边距：设置外边距，可以四条边分别设置。

5)背景颜色：设置框架下插入的模块的背景颜色。

6)背景图片：设置框架的背景图片及平铺方式。

7)指定 class：可以在下拉菜单中选择要用的样式。

3、点击框架右侧的编辑 => 删除，即可删除添加的框架，如下图所示：

注意：删除框架后，框架下添加的模块也一并删除。请慎用。

4、点击框架右侧的编辑 => 导出，可以导出框架设置，如下图所示：

三、框架的嵌套

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 框架中添加了图片类模块和会员类模块。建立之后的效果，如下图所示：