Discuz!使用问题、建议、BUG等请到论坛反馈以便获得及时帮助,大型问题建议走付费途径。

一、添加框架

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

{lang scrolltop}