测试,明天继续玩。

社区服务
高级搜索
猴岛论坛聊天交友&心情咖啡测试,明天继续玩。
发帖 回复
倒序阅读 最近浏览的帖子最近浏览的版块
5个回复

[征婚交友]测试,明天继续玩。

楼层直达
傲阳_

ZxID:12465325

等级: 元老

举报 只看楼主 使用道具 楼主   发表于: 2011-08-04 0
— 本帖被 草痴° 从 体育沙龙 移动到本区(2011-08-05) —


(不知道是不是应该发在这里?)

突然迷上了编表格,一点小经验与君共享,适合对编写表格有基本基础并且希望在表格出问题的时候能够自
行解决以及更加自由使用表格的人,当然对一些小地方会有详细讲解,不足之处敬请指出~

有各种问题,比如“这个表格应该怎么制作”一类的欢迎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
↑↑注意到中间线的颜色加深了是吧?两个表格的边框重叠
风若晨曦

ZxID:8842179

等级: 元老
一念轮回,君千殇

举报 只看该作者 沙发   发表于: 2011-08-05 0
什么叼玩艺?

给我一个机会,我还你一个奇迹

天上的父

ZxID:15592837

等级: 少尉

举报 只看该作者 板凳   发表于: 2011-08-05 0
LS正解!神马吊玩意啊、
去你大爷!

ZxID:5469089

等级: 元老

举报 只看该作者 地板   发表于: 2011-08-05 0
这是神马。
◇梦│思颜◆

ZxID:9985640

等级: 元帅

举报 只看该作者 4楼  发表于: 2011-08-05 0
看不懂哦
丨|丨

ZxID:13626842

等级: 一代君主

举报 只看该作者 5楼  发表于: 2011-08-05 0
有效果图会更好~

楼主留言:

那个 二傻给我移动过来了。。删除了吧。。 废铁。

« 返回列表
发帖 回复