开发学院CMS教程discuz Discuz! X1 前台使用 如何DIY门户 阅读

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

 2010-09-24 00:43:42 来源:WEB开发网   
核心提示:论坛的帖子、UCHome 的日志,都可以直接推送到门户的文章库里面,Discuz! X1 前台使用 如何DIY门户,Disucz! X1 的门户系统灵活而强大,站长可以通过 DIY 功能聚合网站包括会员,如下图所示:2、编辑背景和边框属性点击模块右侧的编辑 => 样式,如下图所示:出现如下图所示的内容,帖子,日志

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

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

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

1 2  下一页

Tags:Discuz 前台 使用

编辑录入:coldstar [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      100%(1)
更多精彩
    赞助商链接

    热点阅读
      焦点图片
        最新推荐
          精彩阅读