Discuz

当前位置:主页 > CMS教程 > Discuz >

教程]Discuz!论坛table(表格)代码使用教学

时间:2020-06-06|栏目:Discuz|点击:

于是,这个世界上有种神出鬼没,名叫读者的生物,听说这种生物完全没有读前言的习惯。

所以,至于为什么我突发奇想弄个表格教程什么的,我也完全不知道呢!╮(╯▽╰)╭

嗯,于是,结果就是这样,我又抽出了我所剩不多的时间,来做了这个教程。。。

排版嘛,不好说,总之,现在我们所说的排版,以图片+字体+颜色+表格+音乐+视频这样为主。。。

其中,图片的搭配使用我也不太好,可以参照木木姐的,掌声有请hotomi大小姐(请原谅我,简单君绫崎ハヤテ)

字体和颜色就不需要我来说了吧,暴暴受的红大粗也可以考虑,有请阿市`来为我们献上一曲(喂喂,这里可是教程哎,不是50286频道)

于是,我熟悉的也就只有表格了,嗯,现在正式向大家介绍下表格这个坑爹的玩意。。。

table:英文名称table,t a b l e(请注意不要打错),中文名称表、表格、制表

于是,经验告诉我们,table是个很坑爹的玩意(至于为什么,自行问度娘),所以,现在已经没人用table来制作网页了。

闲话就不多说了,于是,来简单的介绍下table的构成(话说早就该开始了吧)。

98%:设定表格宽度为98%,可以使用固定数值但不能超过560,数值超过则变98%,百分数的最大数值也是98%。

color:设定表格的背景颜色,可以使用颜色的英文单词,也可以使用RGB格式或直接使用颜色代码#ffffff(把这个和RGB格式一对照你就会明白。。。不解释)

看明白了嘛,仔细看清楚了,请注意,每个元素都是由2个组成,元素必须合拢,[td]元素放置在[tr]元素之内。

当然你也可以说我说的没用,discuz教程高级编辑模式中可以直接创建表格,比我这样直接打那肯定是要方便很多。

但是,如果你不仅仅只是简单的使用表格,也想创建出非常美观的表格,那么以上的部分那就是必须的了。

1、table代码的颜色代码不可单独使用,必须先定义表格的宽度后才可以定义颜色;

4、table代码最多可以重叠五层,第六层开始代码失效(注意:在DZ编辑框中,只显示四层的表格。。。第五层就不显示了)

此处定义列的宽度,可以为固定数值,也可以为百分数。固定数值不得大于560,否则会变成98%,百分数最大值也只为98%

5。定义行的颜色为green(绿色);没有定义。。。就是一个很简单的列*8。

3。定义行色颜色为blue(蓝色);定义合并4列2行;定义合并4列1行;

4。教程]Discuz!论坛t定义行的颜色为yellow(黄 色);定义合并2列2行;定义合并2列1行;

第4行代码,由于第3行的代码合并了2行,所以,此处代码显示在后面,可以参照上一个例子来看一看。。。

2。定义一行一列;嵌套一个表格(宽度为500,颜色为yellow(黄 色));

于是,关于嵌套表格就不详细介绍了,大家想必也看的多了,掌声有请嵌套表格使用的集大成者琉公主:@琉、大成喵:@膜拜殿下。

于是,本章节讲解完毕,预知后事如何,请看下集,table讲解之高级篇。。。

1。宽度数值可以设置为固定值(最大560),也可以设置为百分数(最大98%)。

2。table代码最多可以重叠五层,第六层开始代码失效(注意:在DZ编辑框中,只显示四层的表格。。。第五层就不显示了)

英文单词的支持度有限,最好使用RGB或六位十六进制数来表示(推荐这个,因为看起来也方便点)

所以,如果你能耐心看到这里,那么,我就可以宣布,你已经可以出师了,应付正常的表格排版已经没有太大问题了

解说:看到这么多代码,是不是不相信的说,你会说,不就是6行嘛,怎么会出现这么多代码

于是,我可以很肯定以及确定乃至确信的告诉你,没错。。。discuz代码使用教程请听我慢慢分析。。。

第3行(其实是第2行,因为加上了表格那一行)定义了颜色为yellow(table颜色失效);定义合并3列1行;定义1列*3;定义合并2列1行;定义1列*2;

4。定义行颜色为white;定义合并1列3行;定义1列*3;定义合并1列2行;定义1列*3;定义合并2列1行;

5。定义行颜色为blue;定义1列*8(由于此行有2个单元格被合并了,所以,只需要8列即可);

6。定义行颜色为green;定义1列*9(由于此行有1个单元格被合并了,多以,只需要9列即可);

7。定义行的颜色为#cccccc;定义合并1列10行,合并了下面10行的内容,那边合并之后它就等于一行;

8。定义行的颜色为#CCFF99;合并了下面9行的内容,因为第1列合并掉了本来存在的10列中的1列,所以它只能合并9行;

9。定义行的颜色为#33CC00;合并了下面8行的内容,因为第1列和第2列合并掉了本来存在的10列中的2列,所以它只能合并8行;

10。定义行的颜色为#CCFF00;合并了下面7行的内容,因为前面3列合并掉了本来存在的10列中的3列,所以它只能合并7行;

16。定义行的颜色为9966cc;由于是最后1列,所以,so,没错,不需要合并了,结束。

于是,看完了吗,看完了吧,有什么感想吗,感觉是不是很坑爹。。。很无语。。。很碉堡。。。

于是,估计大家会看不懂,所以,附上原型表格,对照着看,估计可以容易明白点。。。

第1列合并下面的所有行。。。所以只剩1行,所以,第2列就和第1列显示在同1行了

第2列合并下面的所有行。。。所以只剩1行,所以,discuz代码使用教程第3列就和第2列显示在同1行了

此篇的最大意义就在于可以实现单独的1列单独的1种颜色,或者说单独的1个单元格单独的1种颜色。。。

当然,只是看起来是这样而已。。。实际想实现这样的效果。。。那可就不是这么简单的事了

于是,其实这篇可有可无,为什么要弄出来,只是想详细说下这个的应用,以及多占一层楼而已,淡定。。。

好吧,我承认我恶趣味。。。但是,也不能全怪我。。。我也只是看到那几个例子很不错,所以就借用下而已,@hoshinoi ,able(表格)代码使用教学于是,多谢了。。。

这个其实很坑爹。。。完全不需要这样的说。。。虽然和这个方式不同,但是效果是差不多的。。。

于是,并不是说上面那个不好,只不过,这个还是以方便为主,这样想必大家也好理解点。。。

这样应该会好容易理解点。。。2个对照着看,通过这2者的区别,也比较容易掌握。。。

于是,早就想做个教程了。。。一直以来,时间不怎么足,再加上这个表格的教程很坑爹,而且,也没想好该怎么来大众化的说明下,所以,一直拖到了现在。

终于,不知道是怎么回事,突然来劲了,于是,就开工做了这么个教程。。。

真正的排版却不是这样。。。只要你认真看了初级篇和中级篇,差不多就可以进行排版了,请大胆的试试,多使用使用表格,那么,其实,排版也是件挺简单的事。

想学习排版方面知识,请参照hotomi大小姐,琉公主,大成喵,豆芽等的帖子,至于我的,就算了吧

恩,于是,结束了,今天花了太多时间在这教程上。。。最后一点时间,要做点事了

于是,有事可以回复,或去我留言板留言,短消息均可以,直接加我好友我也不介意,晚上回去后如果有时间会慢慢解答的(其实,更希望好好看看这篇教程。。。基本已经说的很详细了。。。很详细了。。。)

转载请注明:一秒钟的梦[教程]Discuz!论坛table(表格)代码使用教学

上一篇:discuz模板使用教程

栏    目:Discuz

下一篇:回来了Q系列新版农历新年发布 Discuz公告:Discu

本文标题:教程]Discuz!论坛table(表格)代码使用教学

本文地址:http://www.intnet.net/CMSjiaocheng/Discuz/2072.html

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:78955 | 邮箱:78955#qq.com(#换成@)

Copyright © 2011-2020 intnet编程教程网 版权所有