(不知道是不是应该发在这里?)
突然迷上了编表格,一点小经验与君共享,适合对编写表格有基本基础并且希望在表格出问题的时候能够自
行解决以及更加自由使用表格的人,当然对一些小地方会有详细讲解,不足之处敬请指出~
有各种问题,比如“这个表格应该怎么制作”一类的欢迎PM以及留言~
表格美化基础篇┆♡心情涂鸦♡┆ _「 表格初级美化教程 」_附表格代码教程分享。BY 苏小末灬
代码讲解基础篇┄┅┄┅┄┅┄┅┄° Dr.暧de课堂时间【表格篇之非常适合新手】。BY 愿云心。
新版有个小问题(其实我没有用过旧版的表格OTL),就是表格默认的背景色是白色,就给很多想造成“透明
感”的童鞋造成不便。
一点小东西:
论坛背景色 #F3F8FD
引用quote背景色 #F7F7F7
(没法用表格了,有冲突)
首先,
我们要知道的是,论坛所使用的代码是Discuz!代码,这是html代码的简化版,很多html代码可以在这里使用
,但是有些并不是通用的,格式也相对比较简单。所以结论就是
①如果希望做更精致的表格,知道代码类型后,有的问题就方便搜索了。
②代码最最基础的一点就是一定是成对的,表格出了问题,除非你打字打错了,大多都是因为对子太多,就
需要仔细检查了。
其次,
表格的默认格式是[table=XXX,#X,#X,1][tr][td]ABC[/td][/tr][/table]
table=XXX表格的宽度
直接输入数字是像素px,加%是百分比,默认全长为1
第一个#X表格背景色
第二个#X边框颜色
1 不用理会(补充说明:吾。茗止°同协倾情指出这货是边框粗细,感谢~)
ABC我们需要填写的东西,后面不再赘述
平时编写的时候,为了方便美观,我们一般可以这样写↓↓
[table=XXX,#X,#X,1][tr][td]ABC←←注意,输入内容的第一行是不能跟前面断开的
(中间内容可随意添加)
[/td][/tr][/table]←←这样断开,表格和输入内容的末尾自动会有一段空白,比较美观,如果需要,将该行
提前,内容自动与表底边框挨近。
(累死了,不做表格了我)
一、永恒的行列问题
① 需要增加一行↓↓
[table=XXX,#X,#X,1][tr][td]ABC
[tr][td]ABC[/td][/tr]
[/td][/tr][/table]
ABC
ABC
需要增加两行↓↓
[table=XXX,#X,#X,1][tr][td]ABC
[tr][td]ABC[/td][/tr]
[tr][td]ABC[/td][/tr]
[/td][/tr][/table]
ABC
ABC
ABC
结论需要增加N行,就在ABC后添加多少个[tr][td]ABC[/td][/tr]
② 需要增加一列↓↓
[table=XXX,#X,#X,1][tr][td]ABC[/td][td]ABC[/td][/tr][/table]
ABCABC
需要增加l两列↓↓
[table=XXX,#X,#X,1][tr][td]ABC[/td][td]ABC[/td][td]ABC[/td][/tr][/table]
ABCABCABC
↑↑注意,这里的列宽是平均分配的
结论需要增加N列,就在[/td]后添加多少个[td]ABC[/td]
③ 需要同时增加行和列↓↓
[table=XXX,#X,#X,1][tr][td]ABC[/td][td]ABC[/td]
[tr][td]ABC[/td][td]ABC[/td][/tr]
[/td][/tr][/table]
ABCABC
ABCABC
结论在第一个ABC后添加一个[/td],然后按照增加列数的方法增加[td]ABC[/td],如果需要同时增加多个行
列,按照先行后列的顺序添加。为了避免出错,可先增加行数,再挨个添加列数,熟练了之后直接增加一个
行列后复制粘贴
④ 我不想列宽平均分配怎么办
很简单,需要修改哪一行的列宽就直接在该行的两个td处动手脚
第一个[td=1,1,X%]第二个[td=1,1,100-X%]
[table=XXX,#X,#X,1][tr][td=1,1,30%]ABC[/td][td=1,1,70%]ABC
[tr][td]ABC[/td][td]ABC[/td][/tr]
[/td][/tr][/table]
ABCABC
ABCABC
↑↑注意,这里虽然只修改了第一行的列宽,但看上去似乎第二行是跟随第一行的
我们再来看↓↓
[table=XXX,#X,#X,1][tr][td=1,1,30%]ABC[/td][td=1,1,70%]ABC
[tr][td=1,1,70%]ABC[/td][td=1,1,30%]ABC[/td][/tr]
[/td][/tr][/table]
ABCABC
ABCABC
[table=XXX,#X,#X,1][tr][td=1,1,70%]ABC[/td][td=1,1,30%]ABC
[tr][td=1,1,30%]ABC[/td][td=1,1,70%]ABC[/td][/tr]
[/td][/tr][/table]
ABCABC
ABCABC
真·结论当同一表格的不同行之间设定不同列宽时,默认第一列为最大值且行与行始终相同(而html代码里就
可以随意设置,所以这是简化版,不能完全的自由)
⑤ 我真的不想把两行的列宽弄成一样的怎么办
唔,其实就把两个表格套在一起就可以了。
[table=XXX,#X,#X,1][tr][td=1,1,30%]ABC[/td][td=1,1,70%]ABC[/td][/tr][/table]
[table=XXX,#X,#X,1][tr][td=1,1,70%]ABC[/td][td=1,1,30%]ABC[/td][/tr][/table]←←注意两个table之
间必须紧挨才不会留空隙
ABCABC
ABCABC
↑↑注意到中间线的颜色加深了是吧?两个表格的边框重叠