QQ登录

只需一步,快速开始

登录 立即注册
搜索
|
开启左侧

[Discuz教程] Discuz!X系列 DIY基础教程

[复制链接]
晴春 设计师认证 发表于 2011-7-6 15:44:37 | 显示全部楼层 |阅读模式
主题64 | 帖子1032 | 积分1797

Discuz!X1 DIY教程

一、概念简介

1、框架:页面的布局;

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

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

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

二、详细使用说明

1、框架

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

1.jpg


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

示例:

2.jpg

  

结果:

3.jpg


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

4.jpg


A框架标题栏

每种框架栏都可以设置多个标题,每个标题中可以包含图片、文字和链接,并可以设置颜色、大小和位置,也可以设置整个标题的背景图片和颜色。框架标题栏管理如下图所示:

5.jpg

B框架样式


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

框架样式如下图所示:

6.jpg

      

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

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

7.jpg

           

2、模块

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

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

8.jpg


           

A、模块属性

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

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

9.jpg

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

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

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

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

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

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

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

B、模块数据

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

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

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

10.jpg


3、数据来源

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

4、显示样式

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

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

11.jpg

回复

使用道具 举报

末小辉 发表于 2011-7-27 14:37:42 | 显示全部楼层
主题4 | 帖子22 | 积分24

如果能出个实例教程多好啊!!! 希望晴春能考虑出
我的小网站  虽然很普通,但是我会努力在yeei里学到更多的知
回复 支持 反对

使用道具 举报

lz4 设计师认证 发表于 2011-8-9 12:14:19 | 显示全部楼层
主题8 | 帖子28 | 积分51

末小辉 发表于 2011-7-27 14:37
如果能出个实例教程多好啊!!! 希望晴春能考虑出

到处都有你的足迹,教程归教程,如果真的想知道可以学习下HTML PHP Photoshop ...

我们要慢慢积累!你用到也可以发表下哦!
回复 支持 反对

使用道具 举报

末小辉 发表于 2011-8-9 18:33:28 | 显示全部楼层
主题4 | 帖子22 | 积分24

lz4 发表于 2011-8-9 12:14
到处都有你的足迹,教程归教程,如果真的想知道可以学习下HTML PHP Photoshop ...

我们要 ...

好的!PS我会一点点!我会发表几个 页面PSD 拱给大家分享
我的小网站  虽然很普通,但是我会努力在yeei里学到更多的知
回复 支持 反对

使用道具 举报

yalin 发表于 2011-8-10 20:27:22 | 显示全部楼层
主题2 | 帖子19 | 积分26

不知道有没有制作模版的教程哈
回复 支持 反对

使用道具 举报

歌唱的沙 发表于 2011-8-25 00:48:56 | 显示全部楼层
主题0 | 帖子8 | 积分16

特意赶过来学习一下,顺便牵羊一下
回复 支持 反对

使用道具 举报

wiki365 发表于 2011-8-28 23:56:10 | 显示全部楼层
主题1 | 帖子8 | 积分18

可不可以再讲一个更详细的
回复 支持 反对

使用道具 举报

wiki365 发表于 2011-8-28 23:56:42 | 显示全部楼层
主题1 | 帖子8 | 积分18

讲得再详细一点吧 弄一个系统一点的 谢谢
回复 支持 反对

使用道具 举报

Mr.wang 发表于 2011-9-2 08:16:14 | 显示全部楼层
主题0 | 帖子1 | 积分3

其实可以再讲多点!
回复 支持 反对

使用道具 举报

cathlinealex 发表于 2011-9-2 16:04:27 | 显示全部楼层
主题0 | 帖子2 | 积分4

说实话,头有点晕。。。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Yeei ! Design 专注于Discuz模板应用开发!

TEL :18310399549 ( 咨询及商业用户支持 ) 微博 :晴春 (Yeei!Design)

QQ :839983361 (咨询)/86667933 (技术) Q群 :87250604 87250647 80422007 87250678

小黑屋|手机浏览|积分规则|支付宝付款|京ICP备14022774号 
GMT+8, 2019-3-23 10:37 , Processed in 3.348149 second(s), 35 queries , Gzip On.

© 2001-2013 Powered by Discuz! X3.2 design Yeei

快速回复 返回顶部 返回列表