论坛的帖子、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
这样一个模块就建立好了,可以用同样的方法添加更多的模块,设置后的效果如下图所示: