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

论坛的帖子、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、编辑背景和边框属性

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

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

链接:设置模块中的内容的字体大小

边框:设置模块边框的粗细,样式和颜色

外边距:设置边框的外边距

内边距:设置边框的内边距

背景颜色:设置模块的背景颜色

背景图片:输入模块背景的地址,如:./static/image/common/star_level1.gif

指定class:输入自己编写的样式名称,如 pbnv

这样一个模块就建立好了,可以用同样的方法添加更多的模块,设置后的效果如下图所示:

{lang scrolltop}