本帖最后由 莉莉霍瓦特 于 2020-7-26 18:32 编辑
233
#1 前言
听说有人让我出新帖子，而且我去年好像也说过要出这个来着（不是）。
本教程可以学到什么：
本教程不能学到什么：
1.0 版本（2017年2月）地址：https://www.mcbbs.net/thread-674238-1-1.html
2.0 版本（2017年5月）地址：https://www.mcbbs.net/thread-689852-1-1.html （正在被锁帖，我喜欢吃鱿鱼丝。）以上东西两个版本都可以访问这个总集看到：https://cakeal.github.io/2020/04/19/Cake-%E5%86%99%E7%9A%84MCBBS%E6%95%99%E7%A8%8B%E8%B4%B4%E5%90%88%E9%9B%86/
本教程所用浏览器：
本教程所用操作系统和屏幕大小：
#2 可能接下来会用到的数据
→使用option command C（macOS）或F12（Windows）可以呼出审查元素。
1.帖子界面显示宽度：757px
2.帖子编辑状态下的表格边框颜色：#C2A678
3.帖子显示状态下的表格边框颜色：#E3EDF5
#3 表格基础
复制代码
[233table=500,SandyBrown]描述了一个表格，长度为500个像素（可以是百分比，最大98%），逗号后面的是表格的全局颜色，建议使用16进制颜色码。16进制颜色码可以通过这个网页转换和查找：https://www.sioe.cn/yingyong/yanse-rgb-16/
[233tr]...[233/tr]描述了一行。其中在tr的后面可以加上=颜色，比如[233tr=#00FFFF]，这样一行会变成#00FFFF这个颜色。
[233td]...[233/td]描述了一列。其中td的后面可以加上=列跨度,行跨度,宽度，比如我想让一个表格长为2个格，高为1个格，那么就是[233td=2,1]。再比如我想让一个表格长为3，高为2，宽度为200个像素，那么就是[233td=3,2,200]
综合实例：
复制代码
#4 表格从入门到放弃
请你问一问你自己，为什么要学这个，是Photoshop不好用了，还是图床不够多了？
#5 表格嵌（tao）套（wa）
仔细观察右侧占据情况。
所以98%和不加宽度的区别在于此，根据个人喜好选择。
下面是内嵌98%，加了居中的结果：
下面来点简单的示例：
这之中的横线可以用[dfsafhr]来获得，例如：
详解：
#6 表格隐藏边框（其实不是）
把表格的颜色更改为#E3EDF5就可以获得一个无边框（其实就是和边框颜色相同）的表格啦。↓注意黑色表格内部的蓝色表格中间是三列，而不是一列
#7 简易表格表示法
形似markdown一样，可以用"|"来分割一列，如果要输入"|"，可以替换成"\|"，换行是"\dfan"
例如：
复制代码
#8 提醒
1.表格练习的方法：自己开一个草稿，就像下面这样
2.一定要多尝试，有耐心。
3.尽早放弃使用表格写帖子。
#⑨ 后记
这个帖子我会在我的博客再传一份，以防止这个帖子锁帖而看不了。链接稍后放出。
使用的图床是路过图床，如果你看不到，
希望这帖子没事🙏。
希望可以加个优秀啥的（精华当然来者不拒）
[attachimg图删了，没了]1655733[/attachimg]
更新记录：
以下内容需要积分高于 1 才可浏览
233
#1 前言
听说有人让我出新帖子，而且我去年好像也说过要出这个来着（不是）。
本教程可以学到什么：
- 表格table的使用
- 16进制颜色表示法
- 一点也不漂亮的表格排版
- 审查元素简单使用（可能）
本教程不能学到什么：
- 教你怎么制作辣椒鱿鱼丝
- 如何当上茶馆版主与yys和绵羊谈笑风生
1.0 版本（2017年2月）地址：https://www.mcbbs.net/thread-674238-1-1.html
2.0 版本（2017年5月）地址：https://www.mcbbs.net/thread-689852-1-1.html （正在被锁帖，我喜欢吃鱿鱼丝。）以上东西两个版本都可以访问这个总集看到：https://cakeal.github.io/2020/04/19/Cake-%E5%86%99%E7%9A%84MCBBS%E6%95%99%E7%A8%8B%E8%B4%B4%E5%90%88%E9%9B%86/
本教程所用浏览器：
| Microsoft Edge 是最新版本。 版本 84.0.522.44 (官方内部版本) (64 位) |
本教程所用操作系统和屏幕大小：
| macOS Catalina 版本 10.15.5 屏幕大小：1920*1080 |
#2 可能接下来会用到的数据
→使用option command C（macOS）或F12（Windows）可以呼出审查元素。
1.帖子界面显示宽度：757px
2.帖子编辑状态下的表格边框颜色：#C2A678
3.帖子显示状态下的表格边框颜色：#E3EDF5
#3 表格基础
| 咕 | 咕 | 咕 |
| 咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕 | 咕 | |
| 咕 | 咕 | 咕 |
- [table=500,SandyBrown]
- [tr=#00FFFF][td]咕[/td][td]咕[/td][td]咕[/td][/tr]
- [tr][td=2,1]咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕咕[/td][td]咕[/td][/tr]
- [tr][td]咕[/td][td]咕[/td][td]咕[/td][/tr]
- [/table]
[233table=500,SandyBrown]描述了一个表格，长度为500个像素（可以是百分比，最大98%），逗号后面的是表格的全局颜色，建议使用16进制颜色码。16进制颜色码可以通过这个网页转换和查找：https://www.sioe.cn/yingyong/yanse-rgb-16/
[233tr]...[233/tr]描述了一行。其中在tr的后面可以加上=颜色，比如[233tr=#00FFFF]，这样一行会变成#00FFFF这个颜色。
[233td]...[233/td]描述了一列。其中td的后面可以加上=列跨度,行跨度,宽度，比如我想让一个表格长为2个格，高为1个格，那么就是[233td=2,1]。再比如我想让一个表格长为3，高为2，宽度为200个像素，那么就是[233td=3,2,200]
综合实例：
| 第一行1 | 第一行2 | |
| 第二行1 | 第二行2 | |
| 第三行1 | ||
- [table=33%]
- [tr=#00FF00][td=1,2]第一行1[/td][td=2,1]第一行2
- [/td][/tr]
- [tr=#FF0000][td]第二行1
- [/td][td=1,2]第二行2[/td][/tr]
- [tr=#0000FF][td=2,1]第三行1
- [/td][/tr]
- [/table]
#4 表格从入门到放弃
请你问一问你自己，为什么要学这个，是Photoshop不好用了，还是图床不够多了？
#5 表格嵌（tao）套（wa）
仔细观察右侧占据情况。
|
|
所以98%和不加宽度的区别在于此，根据个人喜好选择。
下面是内嵌98%，加了居中的结果：
|
下面来点简单的示例：
|
详解：
#6 表格隐藏边框（其实不是）
把表格的颜色更改为#E3EDF5就可以获得一个无边框（其实就是和边框颜色相同）的表格啦。↓注意黑色表格内部的蓝色表格中间是三列，而不是一列
|
#7 简易表格表示法
形似markdown一样，可以用"|"来分割一列，如果要输入"|"，可以替换成"\|"，换行是"\dfan"
例如：
| Week | Mon | Tue | Wed | Thu | Fri | Sat | Sun |
| 1 | Math | Math | Chinese | English | Physics | Biology | Self-study |
| 2 | P.E. | Chinese | English | Biology | Math | Math | Self-study |
| 3 |
- [table]
- Week|Mon|Tue|Wed|Thu|Fri|Sat|Sun
- 1|Math|Math|Chinese|English|Physics|Biology|Self-study
- 2|P.E.|Chinese|English|Biology|Math|Math|Self-study
- 3
- [/table]
#8 提醒
1.表格练习的方法：自己开一个草稿，就像下面这样
2.一定要多尝试，有耐心。
3.尽早放弃使用表格写帖子。
#⑨ 后记
这个帖子我会在我的博客再传一份，以防止这个帖子锁帖而看不了。链接稍后放出。
使用的图床是路过图床，如果你看不到，
希望这帖子没事🙏。
希望可以加个优秀啥的（精华当然来者不拒）
[attachimg图删了，没了]1655733[/attachimg]
更新记录：
当前长度: 7015 字节，系统限制: 10 到 1000000 字节。
感谢分享，第一次知道bbcod也可以合并单元格
混乱：放开我！我要吐了！啊啊啊啊啊啊！
小浪47一一一 发表于 2020-7-25 23:37
混乱：放开我！我要吐了！啊啊啊啊啊啊！
不要揪着后面的图不放，那不是主要内容，要是都过来看这个图片的话，我就把那个图删了。
莉莉霍瓦特 发表于 2020-7-25 22:46
不要揪着后面的图不放，那不是主要内容，要是都过来看这个图片的话，我就把那个图删了。 ...
我都收藏了，能是只要这个图片吗？
拿小本本记下来~
作者教的很好
用markdown不香吗？
感谢分享，虽然对我没什么用
mark
齿轮-gear 发表于 2020-7-25 23:57
作者教的很好
用markdown不香吗？
如果论坛支持markdown好的话，谁还用bbcode
况且markdown的表格不能弄花里胡哨的颜色啥的吧）
3.尽早放弃使用表格写帖子。
落泪.jpg
慕名而来，什么转动的混乱怎么没了
cc7w 发表于 2020-7-27 11:45
慕名而来，什么转动的混乱怎么没了
被某人气到了。
不是发光的木板差评！
唔姆唔姆
这帖子好棒啊！！！
各位茶馆众，这帖子发出来都快半个月了，不去评分支持一下楼主的教程吗？！
这帖子好棒啊！！！
各位茶馆众，这帖子发出来都快半个月了，不去评分支持一下楼主的教程吗？！
别说表格，复制啥的我都不会用
曾经我也不会排版，但那也只是曾经
3.尽早放弃使用表格写帖子。
来，出来，我就指望这个排版教程帖呢
你突然说这个，好扎心qaq
LinLei_Baruch 发表于 2020-10-2 01:41
来，出来，我就指望这个排版教程帖呢
你突然说这个，好扎心qaq
你好，这边建议放弃写bbcode用图片呢）
莉莉霍瓦特 发表于 2020-10-2 15:21
你好，这边建议放弃写bbcode用图片呢）
更 扎 心 了
学会了一些排版的知识。
我觉得可以又学到新表格
可以非常有用
额，看完还是不知道怎么搞
很实用的，第一次了解到泥潭还可以这么用
平原的羊 发表于 2020-10-18 16:40
额，看完还是不知道怎么搞
具体是哪方面看不懂呢？