Board logo

标题: [考试] 【发贴全方位教程】高阶表格篇 [打印本页]

作者: ddywolf    时间: 2019-10-22 15:18     标题: 【发贴全方位教程】高阶表格篇

在此,向老四兄弟致以崇高的敬意,感谢流氓老四的作品。
本帖由他区复制到新手区,以方便参加色中色课程的兄弟们学习。

这一篇开讲表格制作

在开讲高阶教程前,先温习下前两篇所讲的一些内容,熟练掌握前两篇内容已能很好地发贴了,而高阶是为了使你的帖子美观化及个性化。只有熟练掌握前两篇方能更好的学习高阶教程

温习一:颜色篇


这一段话的代码如下
复制内容到剪贴板
代码:
[size=4][color=Red]这一段话的[color=Blue]代码[/color]如下[/color][/size]

我的操作方式是:1)选择颜色应用,点选红色。2)选择文字大小,点选4号大小。3)输入内容。4)高亮选择   代码   二字,再选颜色应用,点选蓝色。
温习二:认识篇

将一些常用代码列出来吧,论坛里面也有

Discuz!代码 效果
复制内容到剪贴板
代码:
[b]粗体文字 Abc[/b] 粗体文字 Abc
[i]斜体文字 Abc[/i] 斜体文字 Abc
[u]下划线文字 Abc[/u] 下划线文字 Abc
[color=red]红颜色[/color] 红颜色
[size=3]文字大小为 3[/size]  文字大小为 3
[font=仿宋]字体为仿宋[/font]  字体为仿宋
[align=Center]内容居中[/align]  内容居中
[url]http://www.comsenz.com[/url] http://www.comsenz.com(超级链接)
[url=http://www.Discuz.net]Discuz! 论坛[/url] Discuz! 论坛(超级链接)
[email]myname@mydomain.com[/email] myname@mydomain.com(E-mail链接)
[email=support@discuz.net]Discuz! 技术支持[/email] Discuz! 技术支持(E-mail链接)
[quote]Discuz! Board 是由康盛创想(北京)科技有限公司开发的论坛软件[/quote]  


QUOTE:
原帖由 admin 于 2006-12-26 08:45 发表
Discuz! Board 是由康盛创想(北京)科技有限公司开发的论坛软件
【code】Discuz! Board 是由康盛创想(北京)科技有限公司开发的论坛软件【/code】CODE:
Discuz! Board 是由康盛创想(北京)科技有限公司开发的论坛软件
[hide]隐藏内容 Abc[/hide] 效果:只有当浏览者回复本帖时,才显示其中的内容,否则显示为“**** 隐藏信息 跟帖后才能显示 *****”
[hide=20]隐藏内容 Abc[/hide] 效果:只有当浏览者积分高于 20 点时,才显示其中的内容,否则显示为“**** 隐藏信息 积分高于 20 点才能显示 ****”
[list][*]列表项 #1[*]列表项 #2[*]列表项 #3[/list] 列表项 #1
列表项 #2
列表项 #3

[fly]飞行的效果[/fly] 飞行的效果
[flash]Flash网页地址 [/flash]  帖子内嵌入 Flash 动画
[qq]123456789[/qq] 在帖子内显示 QQ 在线状态,点这个图标可以和他(她)聊天
[ra]ra网页地址[/ra] 帖子内嵌入 Real 音频
[rm]rm网页地址[/rm]  帖子内嵌入 Real 音频或视频
[wma]wma网页地址[/wma]  帖子内嵌入 Windows media 音频
[wmv]wmv网页地址[/wmv] 帖子内嵌入 Windows media 音频或视频
[img]http://www.discuz.net/images/default/logo.gif[/img]  帖子内显示为:
[img=88,31]http://www.discuz.net/images/logo.gif[/img]  
以上摘自论坛,链接地址:[bbs]faq.php?action=message&id=18[/bbs]

以下为上面未提到且本论坛可用的代码:
复制内容到剪贴板
代码:
[ align=center]文字:在文字的位置可以任意加入您需要的字符,center位置center表示居中,left表示居左,right表示居右。  都以[/align]结束

[flv]后缀名为flv或swf的流媒体文件链接[/flv]

[mp3]mp3网页地址[/mp3] 帖子内嵌入 mp3 音频


[media=mov,400,300,]多媒体文件链接[/media]

[rm]RM格式多媒体文件链接[/rm]

[table]表格[/table]

[tr]表格中的一行[/tr]

[td]表格中的一列[/td]

OK  应当够全面够详细了吧!下面正式讲讲如何制作表格

TABLE的中文意思是“制表”

所以以【table】(实际操作时记得需将【】改为[]下同略)开始,即命令开始执行制作表格

以【/table】结尾,即命令表格制作完成

表格由经线与纬线组合而成,分为行与列

其中行的代码为【tr】开始命令    【/tr】结束命令   注意:一行不论有多少个格只要一组【tr】【/tr】命令

列的代码为【td】开始命令       【/td】结束命令    注意:一列只代表一个格,同一行中多个格则要多组【td】【/td】命令

例:










上面的代码如下:
复制内容到剪贴板
代码:
[table=98%]
[tr][td]

[/td][td]

[/td][/tr][tr][td]

[/td][td]

[/td][/tr]
[/table]

老四已经特地将代码排列得非常清晰了,这样大家应当就看得比较清晰了吧。这是最基本的,“流氓老四”此四字未添加任何颜色、字体、大小、对齐方式等效果。

我们再试下下面的代码效果(见下表2)
[table=98%]
[tr][td]
[size=3][color=red]流[/color][/size]
[/td][td]
[size=4][color=red]氓[/color][/size]
[/td][/tr][tr][td]
[size=4][color=blue]老[/color][/size]
[/td][td]
[align=center][size=3][color=blue]四[/color][/size][/align]
[/td][/tr]
[/table]
例表2










相信大家有可能学过  所见即所得模式  下的制作表格,但那种制作表格虽然比较简单,但有太多效果使不出来,而且要学习还是懂得如何用代码制作会更加透彻。

上面两个表格是最基本的了,下面我们开始来玩下花招吧

花招一:设置表格大小为50%
流氓老四的花招一

花招一代码
复制内容到剪贴板
代码:
[table=50%]
[tr][td] 流氓老四的花招一[/td][/tr]
[/table]
花招二  设置表格底色为红色
流氓老四的花招二

花招二代码
复制内容到剪贴板
代码:
[table=30%,red]
[tr][td]流氓老四的花招二[/td][/tr]
[/table]
花招三  设置表格里面再套表格

流氓老四的花招三

花招三代码
复制内容到剪贴板
代码:
[table=50%,red][tr][td]
[table=50%,pink]
[tr][td]流氓老四的花招三[/td][/tr][/table][/td][/tr][/table]
花招四  设置将下一行的两格合并为一格,注意td=2,1
流氓老四是不是好人
必须是好人

花招四代码
复制内容到剪贴板
代码:
[table=98%,#9ed048]
[tr][td]流氓老四[/td][td]是不是好人[/td][/tr]
[tr][td=2,1]必须是好人[/td][/tr]
[/table]
花招五  设置第一行与第二行的第一格合并,注意td=1,2
       设置各行间底色变化,注意tr=不同的颜色代码

注意

有用记得点红心

不要让老四鄙视你

你的支持是作者发贴的动力


花招五代码
复制内容到剪贴板
代码:
[table=98%,red]
[tr=#bbcdc5][td=1,2][color=Red][size=5][b][align=center]注意[/align][/b][/size][/color][/td][td]有用记得点红心[/td][/tr]
[tr][td][align=left][color=Blue][size=4]不要让老四鄙视你[/size][/color][/align][/td][/tr][tr=green][td=2,1][size=6][b][align=center]你的支持是作者发贴的动力[/align][/b][/size][/td][/tr]
[/table]
花招六  设置插入图片

流氓老四的个性签名与头像


花招六代码
复制内容到剪贴板
代码:
[table=98%,#9ed048]
[tr][td=2,1][color=Red][size=4][b][align=center]流氓老四的个性签名与头像[/align][/b][/size][/color][/td][/tr]
[tr][td][align=center][img]http://174.127.195.184/bbs/customavatars/2219257.gif[/img][/align][/td][td][align=center][img]http://i66.tinypic.com/2d1sf4l_th.jpg[/img][/align][/td][/tr]
[/table]
重要说明:
一,上面的花招六中的代码table=98%,#9ed048及td=2,1里的“,”符号为英文输入模式下的逗号“,”

二,表格最多可套四层,四层是指本论坛,有一些论坛可套五层。




【发贴全方位教程】低阶颜色篇:[bbs]thread-7093592-1-1.html[/bbs]

【发贴全方位教程】中阶认识篇:[bbs]thread-7093764-1-1.html[/bbs]


建议:

第一步请将上面的代码复制后,将内容更改为你需要的内容回复试下,看有没有出错。

第二步,请完成作业试试:要求制作一个2*2的表格,表格第一行的底色为红色,第二行的底色为蓝色。表格内容随意,可以是图片、文字皆可。有几种方式可以达到要求哦。看你能掌握到几种?


[ 本帖最后由 天灰 于 2024-4-15 22:32 编辑 ]
作者: ddywolf    时间: 2019-10-22 15:33

兄弟们可跟帖测试,也可以自己在新手区发新帖测试。

有搜索权限的兄弟可以搜索一下流氓老四的作品,全是精品。
作者: 风流米奇    时间: 2019-10-26 12:52

正在学习表格制作,兄弟就出了一个教程,真是及时雨啊
作者: jason88888888    时间: 2019-10-31 00:18

学习了,不知道还有没有更简单的发帖方式?
另外,以前的老号大概是06年注册的,当时注册的邮箱还能登陆,就是不知道为啥再也无法通过邮件找回。
知道的老狼请给个提示,谢谢!
作者: ssjssj2006    时间: 2019-11-5 21:44

受教了,谢谢楼主的分享!!!
作者: lfj8446    时间: 2019-11-14 01:09

真棒,学习了,希望能早日达到达人级别。谢谢分享。
作者: m13583227795    时间: 2019-11-14 09:27

好好学习,      争取早日实现高等级。
作者: 顶山    时间: 2019-11-20 20:58

好好学习,支持论坛持久健康稳定的大发展!
作者: edmlz    时间: 2019-11-21 14:32

比如说这样就可以了么
作者: -poplar-    时间: 2019-11-24 02:10

这个收藏,要好好学习一下。小白一枚啥也不懂
作者: a8558580    时间: 2019-11-24 22:07

这个收藏,要好好学习一下。小白一枚啥也不懂
作者: suifeng2019    时间: 2019-11-27 00:05

我来试试看我的支持多少啦!感谢楼主的代码教程
作者: wang926400    时间: 2019-11-27 03:16

这个收藏,要好好学习一下。小白一枚啥也不懂
作者: 2232866706    时间: 2019-11-28 10:56

十分感谢楼主,最近正在学习
作者: miyunzg    时间: 2019-11-28 11:02

认真学习一下,作为一个小白看起来还是很懵逼的。
作者: doudou5354    时间: 2019-12-5 15:19

好好学习天天向上,
作者: gufad    时间: 2019-12-6 06:59

好好学习一下,片源那么多没办法发啊
作者: lyj1011    时间: 2019-12-14 15:01

这个必须要好好学习一下,学习一下如在论坛发帖,避免出现不必要的麻烦
作者: ericcartmen    时间: 2019-12-18 18:55

受教了,果然是最和谐的网站而且人才多!
作者: jindaxian    时间: 2019-12-20 00:23

这个收藏了,可以好好学习一下,纯小白啥也不懂
作者: jindaxian    时间: 2019-12-20 00:24

晕之前的竟然发错了,学习了。小白一枚
作者: jindaxian    时间: 2019-12-20 00:28

有没有教学可以快速升级
作者: zz2zz    时间: 2019-12-20 22:33

精品啊,注册了好久了,但是总是没回复过,这次尝试的开始刷刷等级
作者: sl20101010pxy    时间: 2019-12-21 08:27

这个必须要好好收藏感谢老哥精华帖子的指导
作者: ime125    时间: 2019-12-22 12:15

要好好学习一下。剛來多多學習一下
作者: woyalaoshushu    时间: 2019-12-23 14:48

说是好好学习天天向上,我看完了还是懵逼的,看来得细细多研究呀
作者: hgkGIF    时间: 2019-12-23 20:01

这个必须要收藏下来不然好不容易注册就白费了
作者: ss19880414    时间: 2019-12-24 13:53     标题: 这个收藏,要好好学习一下

这个收藏,要好好学习一下
作者: 1003603416    时间: 2019-12-31 11:06

这个收藏,要好好学习一下。小白一枚啥也不懂
作者: dingdawei002    时间: 2020-1-8 21:08

已经明白 感谢老大啊啊啊啊啊啊,一定好好学习
作者: hph8893567    时间: 2020-1-12 14:11     标题: 收藏一下,值得学习,早日脱离新手

学习了,早日升级,新手好多资源都看不了,
作者: 991824350    时间: 2020-1-13 04:27

好好学习中。
作者: a136161    时间: 2020-1-16 11:45     标题: 回复 1楼 的帖子

终于知道怎么发帖,排版了,非常感谢。
作者: a136161    时间: 2020-1-16 11:45     标题: 回复 1楼 的帖子

终于知道怎么发帖,排版了,非常感谢。
作者: wandisi    时间: 2020-1-16 19:15

学习了,不知道还有没有更简单的发帖方式?
作者: yulink    时间: 2020-1-17 08:12

练习表格制作

hhhyyy


[ 本帖最后由 yulink 于 2020-1-17 08:25 编辑 ]
作者: loukky    时间: 2020-1-20 16:36

这各种各样的表格就感觉和以前学习html一样头大。。。。。
作者: winxpwinxp    时间: 2020-1-21 23:08

请问楼主,代码可以直接复制使用吗?还有能不能做出动态的界面?
作者: rsypqwer    时间: 2020-1-24 03:49

这个还要认真学习一下。活到老,学到老,用到老啊。
作者: long44    时间: 2020-1-26 16:41

学习试贴
学习


[ 本帖最后由 long44 于 2020-1-26 17:28 编辑 ]
作者: long44    时间: 2020-1-26 16:45

继续学习中


[ 本帖最后由 long44 于 2020-1-26 18:05 编辑 ]
作者: xinding345    时间: 2020-1-28 14:48

学习学习,希望能早日达到达人级别[/size]。谢谢分享支持论坛持久健康稳定的大发展

[ 本帖最后由 xinding345 于 2020-1-28 14:50 编辑 ]
作者: lius923    时间: 2020-1-30 21:27

不懂,   
学习啦   不错咯
不错的教程
作者: dnnlyvi    时间: 2020-2-1 10:37

测试测试测试测试测试测试
作者: dnnlyvi    时间: 2020-2-1 12:05

test1-test1-test1-test1-test1
作者: s2233222sc    时间: 2020-2-1 18:15

这个收藏,要好好学习一下。小白一枚啥也不懂
作者: dnnlyvi    时间: 2020-2-1 19:13

test-test-test-test-test
作者: dnnlyvi    时间: 2020-2-1 19:46

11111111111111111111111111111111111111111
作者: fu030414110    时间: 2020-2-2 19:07     标题: 学习一下


初中课程,学到新知识

全面提升,非常感谢


[ 本帖最后由 fu030414110 于 2020-2-2 20:59 编辑 ]
作者: jj9801    时间: 2020-2-4 10:36     标题: 要好好学习一下。小白一枚啥也不懂

要好好学习一下。小白一枚啥也不懂??//?//?/?///
作者: l198044444    时间: 2020-2-7 21:20

好好学习天天向上  收藏,要好好学习一下
作者: hmlxjx1974    时间: 2020-2-8 12:11

比较复杂,电脑小白要慢慢吸收才行。
作者: kuaiwen520    时间: 2020-2-9 16:36     标题: 回复 1楼 的帖子

看过后收益良多, 学习了,大开眼界,高手中的高手
作者: gou19980712    时间: 2020-2-10 23:08

还是要多学习学习,作为新手,多学习
作者: 13599082801    时间: 2020-2-12 03:12

是得好好学习下啦,不提升等级啥都看不了啊,谢谢
作者: 哈吼呵2    时间: 2020-2-12 13:18

学习一下发帖,但是为什么点支持楼主没有反应
作者: 1658828a    时间: 2020-2-12 14:02

哎呀 我去 我还真能回复帖子
作者: 平面居士    时间: 2020-2-12 21:20

几天未来,金币为零,当重新学习发帖,先收藏好。
作者: evans01    时间: 2020-2-13 23:45     标题: 回复 1楼 的帖子

难怪之前玩不转,谢谢楼主的分享
作者: 弹道无痕    时间: 2020-2-20 15:41

非常认真的学习,感觉好复杂啊!为什么要加上那么多的符号啊,直接发帖不可以吗?
作者: rjd778    时间: 2020-2-22 00:14

总算是回归了找到了回来的方法以后有幸福了
作者: hqhtxz    时间: 2020-2-23 18:40

收藏了,好好学习下
作者: woaiml7211    时间: 2020-2-28 15:21

[hid1e]]ABC   [/hide] 这个我怎么没权限用啊
作者: passatwind    时间: 2020-3-3 23:57

搞个论坛还这么复杂啊,感觉有点傻啊,先学着吧
作者: specmane    时间: 2020-3-4 22:47

小白路过,学习了。希望早日能升级到更高级别
作者: moby5459    时间: 2020-3-6 18:40

内容很全,需要好好学习,早日告别论坛小白
作者: zzzsars123    时间: 2020-3-6 20:29


新手试贴献丑了
感谢楼主谢谢

作者: kuankkk    时间: 2020-3-7 08:52

好好学习这个全方位发贴教程,争取多发帖子,早日升级。
作者: 小鱼虾    时间: 2020-3-11 07:54

新手一枚,好好学习,希望论坛越来越好
作者: gyh0001    时间: 2020-3-12 10:06

谢谢楼主的分享!认真研究
作者: znydzsyf    时间: 2020-3-15 19:17

新手进来学习学习,小白来收藏,慢慢攒积分
作者: skyzll    时间: 2020-3-17 22:15

好好学习一下,为以后需要发帖做准备,掌握知识
作者: tzszzhyz    时间: 2020-3-22 07:44

这个要好好学习下,要符合论坛规则,收藏了。
作者: edwards_l1    时间: 2020-3-22 21:11     标题: 棒,学习了,希望能早日达到达人级

棒,学习了,希望能夠早日达到达人的级別。
作者: 1640263293    时间: 2020-3-23 12:37

学习学习,啥也不懂,为啥有的可以回复,有的不让回复?
作者: sd527951    时间: 2020-3-23 16:28

115可以秒 这才是最重要的好吗 其他都是次要的。。。让我瞧瞧看
作者: 奈何夜独醉    时间: 2020-3-25 17:04

[tr][/tr]
受教了,谢谢楼主的分享!!!



作者: Sorakasyy    时间: 2020-3-26 03:23

作为小白表示我还有很长的路要走,太不容易了
作者: jylee1997123    时间: 2020-3-31 18:24

这个收藏,要好好学习一下,支持论坛持久健康稳定的大发展
作者: 沉睡的木乃伊    时间: 2020-4-1 15:30











[ 本帖最后由 沉睡的木乃伊 于 2020-4-1 15:55 编辑 ]
作者: 114330951    时间: 2020-4-3 22:18

新知识学习运用起来~想借本帖回复咨询下各位大大,请问一下为什么我制作的表格的发出来之后,会跟上方空出特别大一块,有什么解决办法吗?






















论坛等级对应积分与权限表

等级

对应积分

对应权限

level 0(等待删除)

-999999999~0

0

level 1(不合格)

0~4

5

level 2

5~9

10

level 3

10~19

15

level 4

20~29

20

level 5

30~39

30

level 6

40~49

40

level 7

50~199

50

level 8

200~499

60

level 9

500~999

70

level 10

1000~2999

80

level 11

3000~4999

90

level 12

5000~5999

91

level 13

6000~9999

92

level 14

10000~29999

94

level 15

30000~49999

96

level 16

50000~79999

97

level 17

80000~99999

98

level 18

100000~299999

99

level 19

300000~499999

99

level 20

500000~999999999

99



[ 本帖最后由 114330951 于 2020-4-4 01:50 编辑 ]
作者: itisthat    时间: 2020-4-5 23:31     标题: 要好好学习一下。

要好好学习一下。......................
作者: peijianhuihupan    时间: 2020-4-7 14:04

引用:
原帖由 -poplar- 于 2019-11-24 02:10 发表
这个收藏,要好好学习一下。小白一枚啥也不懂
试着回复下,感谢帮助
作者: 纳兰性急19    时间: 2020-4-8 21:08

帖子含金量很高,非常用心的总结  
作者: a49351    时间: 2020-4-10 17:47     标题: 收藏学习

收藏了,认真学习。天天进步。
作者: linkuchi    时间: 2020-4-12 15:18

学习受教了,原来是这么做的,今后按照这个教程试试看
作者: xiewan    时间: 2020-4-17 11:25

这个收藏,要好好学习一下。小白一枚啥也不懂
作者: lexin888    时间: 2020-4-30 21:04

受教了,谢谢楼主的分享!!!
作者: fortran2010    时间: 2020-5-1 21:20

学习了,希望能早日达到达人级别。谢谢分享
作者: l198044444    时间: 2020-5-4 21:36

要好好学习一下,支持论坛持久健康,真棒辛苦
作者: moying147    时间: 2020-5-6 12:25

色中色幼儿课程 合格
  色中色小学课程 合格


[ 本帖最后由 moying147 于 2020-5-6 12:46 编辑 ]
作者: Ycjzj005    时间: 2020-5-6 19:12

好好学习,争取早日高级来,小白萌新一个,向大佬致敬
作者: mp4193    时间: 2020-5-7 00:22     标题: 新手求指导

Darkseid不是有一次跑动地球跟超人单挑略占上风,发帖指南很有用。
作者: stevenlyz    时间: 2020-5-9 02:31

谢谢我会认真学习                早日升级
作者: HK416-C    时间: 2020-5-12 17:47


一下


[ 本帖最后由 HK416-C 于 2020-5-12 17:52 编辑 ]
作者: kafeidehuainian    时间: 2020-5-13 22:38

实验回复,时间充裕了慢慢升级中积少成多。
作者: Ssssmingrun    时间: 2020-5-19 19:51

我来跟帖测试一下代码喜喜~
作者: DurexJB    时间: 2020-5-19 22:04

测试测试 学习一下

这一段话的代码如下
作者: szhaoliang    时间: 2020-5-23 11:06     标题: 太复杂

太复杂了,看片还要学程序。
作者: 2578387732    时间: 2020-6-6 09:39

好好学习,支持论坛持久健康稳定的大发展!




欢迎光临 SexInSex! Board (http://174.127.195.66:80/bbs/) Powered by Discuz! 6.0.0