Discuz!X系列DIY教程,打造属于自己的DIY网站

一、概念简介

1、框架:页面的布局;

2、模块:DIY的基本元素,包含数据来源和显示样式;

3、数据来源:控制模块中的数据;

4、显示样式:控制模块中数据的展示方式;

二、详细使用说明

1、框架

目前提供的框架共有六种不同的各类,分类是100%框架、1:1框架、1:2框架、2:1框架、1:1:1框架和Tab框架。框架分类如下面所示:

框架中可以拖入框架和模块,框架可以多层嵌套。

示例:

 

结果:

将框架拖入页面后,可以对框架进行标题和样式进行管理操作:

A、框架

B、框架样式

可以设置一些常用的CSS样式,包括字体和链接大小和颜色,整体边框的大小、样式和颜色,也可以分别设置四个边框。可以设置框架的背景颜色、图片和外边距,四个外边距也可以分别设置。

框架样式如下图所示:

如果上面的功能还不能满足你的需求,你可以自己写CSS样式,然后为这个框架指定className。

Tab框架是一种特殊的框架,它除了具有上面框架的所有功能以还有一个特有的功能 ,可以设置Tab框架里标签的切换方式:鼠标点击和滑过两种方式。如下图所示:

2、模块

模块通过模块显示样式来展示模块数据。在DIY模式下模块除了可以像框架一样设置标题栏和样式以外,还可以设置模块内容的内边距。

模块的类型共有6大类19小类,提供对帖子、文章、日志等站内数据的调用。模块的类型如下图所示:

A、模块属性

公共属性包括:自定义内容、数据来源、起始行数和显示条数、数据缓存更新、显示样式和模块标识。

模块属性编辑如下图所示:

a)自定义内容支持HTML和JAVASCRIPT,显示位置紧跟在模块标题的下面。

b)数据来源内置了一些常用的类型,如热门的、最新的等等,高级自定义可以实现更复杂的需求。

c)起始行数和显示条数可以设置数据获取的开始位置和显示条数。

d)数据缓存更新时间,设置模块的数据内容更新时间间隔,也可以设置永不更新。

e)显示样式内置了常用的样式,如文字列表、图片列表、图文混排列表、轮换图等。

f)模块标识是模块的名字,供后台管理时方便识别,并非模块的标题。

模块的其它属性是随着选择的数据来源和显示样式的不同而不同。

B、模块数据

模块的数据包括当前页面上显示的所有数据,可以编辑每一条数据。每一条数据都可以单独设置和修改其原来数据显示的位置、内容、文字、链接、大小、颜色、显示的时间等等。

也可以在指定的位置添加自定义的特殊数据,可以设置数据开始显示时间和失效时间,也就是说你可以为当前模块的某个位置预定一条特殊数据。

模块数据编辑如下图所示:

3、数据来源

数据来源提供对帖子、文章、日志等站内数据的调用。对每种模块类型内置了一些常用的数据调用,并且可以使用高级自定义来设置更为复杂的调用需求。

4、显示样式

系统一共内置了100多个各种各样的显示样式,包括各种不同类型模块下的多种显示样式,例如:会员类模块内置的样式有:会员头像列表、用户名列表、头像+用户名+发贴数(有序)、头像+用户名+积分数(有序)等样式。如果系统内置的样式满足不了你的需求,你可以在后台管理中心->门户->模块样式中添加不同类型模块的自定义样式。

模块中不同类型的数据调用有不同的显示样式,如会员类型模块内置样式如下图所示:

评论列表

丹丹博客

丹丹博客 回复

请问wp的网站可以用吗?(2012-06-27 13:08:32)
niuls

niuls 回复

学到了不少东西。顶。(2012-04-09 23:02:43)
网网猪

网网猪 回复

不错的网啊。哈哈!(2012-03-23 22:55:24)
广西水管查漏

广西水管查漏 回复

广西水管查漏 http://www.hao60.com/
一面学习 一面使用(2012-03-20 21:35:39)
中蜂论坛

中蜂论坛 回复

谢谢呢,我现在做的养蜂之家论坛就用的dz程序,可以用上了.(2012-02-23 08:30:44)
乾龙算命社区

乾龙算命社区 回复

谢谢,学习了(2012-02-22 15:07:28)
南宁时空网www.shikong.co

南宁时空网www.shikong.co 回复

不错,学习了。(2012-02-15 19:36:46)
hongxun

hongxun 回复

不错的分熟www.hxss168.com (2012-02-07 17:23:39)
fuminde

fuminde 回复

DIY教程分享,谢谢楼主(2012-02-07 17:22:22)
照片墙

照片墙 回复

这个我喜欢,一直以来都为模板头疼,都是在淘宝上买的模板,自己要修改一下都要求助别人,一个字,累!(2012-02-07 10:43:12)
连锁销售官方网站

连锁销售官方网站 回复

不错(2012-01-12 00:26:20)
抱枕

抱枕 回复

此贴必火,先占位支持了,谢谢分享
顶起(2011-12-16 14:35:39)
DIY抱枕

DIY抱枕 回复

博主写的很好啊,来顶一下(2011-12-08 20:49:26)
陶东

陶东 回复

不错的教程 搜藏了
这真是技术活了,菜鸟飘过!感谢分享!孕妇食谱大全www.v77.cc(2011-12-03 17:28:58)
录音软件哪个好

录音软件哪个好 回复

不错的教程 搜藏了(2011-11-28 13:16:09)
9185虚拟视频下载

9185虚拟视频下载 回复

这真是技术活了,菜鸟飘过!感谢分享!(2011-11-28 07:20:59)
十字绣抱枕

十字绣抱枕 回复

讲的太详细了,谢谢啊(2011-11-22 20:23:25)
什么牌子的瘦腿袜好

什么牌子的瘦腿袜好 回复

恩啊 心诺就是给力啊 学习了啊(2011-11-21 10:44:06)
潮人蛤蟆镜

潮人蛤蟆镜 回复

很好的教程,学技术真是的累活。谢谢分享 看了后很给力。(2011-11-04 09:30:01)
led灯珠

led灯珠 回复

过来看看,挺不错的(2011-11-03 11:43:23)
福州皮肤病医院

福州皮肤病医院 回复

这是论坛里面的吧。我用过!(2011-11-02 15:18:46)
自来水

自来水 回复

好教程!顶一个!(2011-11-01 17:51:25)
丰胸产品

丰胸产品 回复

哈哈,终于找到这个教程了!感谢分享!(2011-11-01 17:50:50)
何金昌男士增高鞋

何金昌男士增高鞋 回复

楼主的文章都不错 以后我会常来光顾的(2011-11-01 11:34:37)
巨型一号

巨型一号 回复

这里是学习创建论坛的好地方(2011-11-01 11:33:32)
伊夫黎雪

伊夫黎雪 回复

讲解的非常详细(2011-11-01 11:32:14)
iPhone美化

iPhone美化 回复

这个还没用涉猎,先看看(2011-10-30 20:47:52)
盐焗鸡食品

盐焗鸡食品 回复

老大,偶不会PHP,谢谢分享了。(2011-10-30 09:27:47)
艾芯

艾芯 回复

老大,现在都X2了??(2011-10-27 22:17:46)
开槽机

开槽机 回复

这个实用,先收藏了。(2011-10-25 15:28:53)
荆州seo

荆州seo 回复

写的很详细,不错!(2011-10-24 19:38:56)
三围查询

三围查询 回复

绝对的技术控,强烈支持(2011-10-24 16:17:25)
外汇开户网

外汇开户网 回复

谢谢博主 博客用你这个主题 论坛用dz(2011-10-22 13:00:10)
净水器

净水器 回复

太详细了,谢谢博主分享!!!!(2011-10-22 12:03:44)

发表评论

(必填)

(必填)

(选填)

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新发布

热门讨论