【教程】萌新表格排版教学（随便打了个前缀hhh）

[格林的黑羊]

吾辈其实也做过类似测试（叹

结果是使用背景图片的阅读体验并不一定会好，而且还会有图床／加载问题...

具体测试链接是

https://sstm.moe/topic/217533-黑羊自用排版测试（编辑中）/

[格林的黑羊]

7 分钟前, mylifeyouwill 说道:

emmmm。好的把。。。。

不过黑羊给我的链接我没有资格进入，应该是幕后区的吧。

反正目前感觉阅读体验最好的，就是图片格式，全部都是图片，在外面做好了之后图片导入进来。

一图流的阅读体感的确最好

但问题在于不能用在活动／公告帖上

背景插入吾辈是和魔女大大学的，感兴趣也可以去请教他的

二月 16, 2019，由格林的黑羊修改

[格林的黑羊]

1 分钟前, mylifeyouwill 说道:

好的好的~~~多谢黑羊大大~~~

不过魔女好像最近应该很忙的。。我先不去打扰他了，毕竟最近也用不到我来排版。我只是测试员。

虽然听大佬说是98%

但吾辈完全不会设置这方面的

所以一直是设置650宽度的（叹

[格林的黑羊]

黑羊并不建议980，因为980在某主题下看起来真的很不舒服

有比较明显的出界

黑羊也做过类似测试

 

800居中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t

 

850局中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t1234u1

 

900局中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t1234u1234v123

 

950局中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t1234u1234v1234w1234

 

1000局中1234a1234b1234c1234d1234e1234f1234g1234h1234i1234j1234k1234l1234m1234n1234o1234p1234q1234r1234s1234t1234u1234v1234w1234x1234y

 

二月 27, 2019，由格林的黑羊修改

[格林的黑羊]

3 分钟前, mylifeyouwill 说道:

嗯，是打算压缩在谁都比较舒适的状态，但是目前看来应该还是黑羊大大说的650px。

是最好的选择= =、

个人其实是不太喜欢表格排版的，650也只是个人的妥协

假如有更好的方法，吾辈是绝对不会用表格的w

二月 17, 2019，由格林的黑羊修改

[格林的黑羊]

49 分钟前, mylifeyouwill 说道:

唉，原来是个人PC的原因。。。。我这边可能显示的不大一样呢。。。

这样的话，应该确实是650和750比较合适呢

应该的话，650可能连手机端都可以完美匹配吧

 

再补充一下，在没有图片的情况下，可以选择使用百分比来

不过个人不喜欢用百分比就是因为会产生形变，比如漫区的活动帖，用百分比来阅读体感真的不会太好，这个个人是有试过的。

设置98%的话，手机党也不见得能愉快的浏览，所以个人大部分情况是选择直接设置尺寸而不是按比例来的。

明天的签到已经放在签到区了，用的是75%和98%的百分比，你可以试试看去对比一下之前直接设置650宽度的。

反正个人是更喜欢直接使用650的，虽然大佬们都是教吾辈用98%。

这是98%的阅读效果

这是650的

这就是吾辈推荐650的原因，虽然不完美，但基本都能看。

 

 

二月 17, 2019，由格林的黑羊修改

[格林的黑羊]

4 分钟前, mylifeyouwill 说道:

对，650是真正的自适应了手机+PC。

而更大的应该只是适合PC。手机的话会突出去部分。

设置宽度大小就是为了兼顾手机／平板／图片

只想考虑PC的阅读体感的话，直接98%就好

二月 17, 2019，由格林的黑羊修改

[格林的黑羊]

2 分钟前, 星霜の言葉 说道:

 

唔姆有个问题，刚刚我用自己的情人节测试了一下650px发现还是超了

难道IOS和安卓支持的宽度是不一样的？

我再去测测多少可以勉强让我的手机观感舒适（

都会超

吾辈这里650也会超，只是浏览器缩放以后看着会比98%舒服，所以个人选了650

650本身并不算最优选，假如有更好的办法，个人也不会选用表格排版的w

二月 17, 2019，由格林的黑羊修改

[格林的黑羊]

7 小时前, bdxxd 说道:

我不會新的排版，教我qwq

還有教他

 

果然以前的UBB代碼已經不能用了呢w

[table=550,Black]
[tr][td][table=550,White]
[tr][td][table=550,#e90000]
[tr][td]

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

 

吾辈并不是大佬啊www

现在就是因为体感好，所以选择使用word表格来排版，具体做法就是在word制作完以后复制到论坛

但这并不算最优解，问题有以下

1.不同平台的阅读体感（是选固定尺寸还是98%）

2.背景插入（个人是感觉背景插入问题蛮多的，并不推荐怎么做）

3.后续编辑（论坛的编辑器体感明显差于word，可选字体也偏少）

所以个人的建议是，除了版规、活动公告这种，都可以选用一图流来做

一图流在背景／整体布局／不同平台阅读等方面上均是最佳的，唯一的问题就是图床和后续修改。

[格林的黑羊]

刚刚, mylifeyouwill 说道:

其实，我觉得可以用一图流结合表格完成最佳体验。

把整个的一张图分解为A、B、C三部分（就是裁剪啦）

具体如这个：

背 景	一图流A	背 景
	链接地址
	一图流B
	链接地址
	一图流C

 

不是，这样还是会有表格的老问题啊，表格本身就有大小和不同平台的阅读体验问题，图片则相对好得多。

直接

图A+链接

图B+链接

然后再折叠开召唤之类的

这样做就好

图片最大的问题就是后续修改／维护

漫区以前有个教程公告帖就是用图+链接，结果图炸了，没人去维护。

所以对吾辈来说，表格其实只是特定情况的替代品（叹

但吾辈现在接触的基本都是特定情况...

[格林的黑羊]

刚刚, mylifeyouwill 说道:

也是哈.....

图片链接维护问题确实后期很难处理......

目前也没有什么两全其美的解决方案.......

吾辈最怕的就是这种情况

但像“吐槽”、“告白”、“报道”、“心情”这种一般不需要后续维护的帖子，图片就是个人认为的最优解

[格林的黑羊]

2 分钟前, Kami丶米 说道:

PSD、、、、、应该还好？

好吧，因为电脑换了，老文件素材都随着电脑一起丢失了。。。【万恶的贴图库改版，不充会员就自动七天后自动删除图片】

其实如果用图片和表格的结合，无论是原本比例还是98%或者是650，总归无法全部平台照顾，那么。。。。舍弃表格呢？

反而用“文字向”+png素材的排版呢？~脱离表格的排版，无论PC或者手机都是最佳的阅读效果才对

记得文学区有人写过文字向排版的方式，感觉可以去翻阅找找了，虽然不知道会不会帖子也损坏了

如果可以，吾辈是不会用表格的

纯文字的比如这种？

测试

测试测试测试

测试测试测试测试

测试测试测试测试测试

测试

测试测试测试

测试测试测试测试

测试测试测试测试测试测试

测试测试测试测试测试测试测试

测试

测试

测试

[格林的黑羊]

1 分钟前, Kami丶米 说道:

其中的一种，但不要被居中的固定思维所困住哟？然后一般来讲，配合.png的透明素材+白色的字体来调整位置文字和素材图片的布局，也是一种不错的效果？米实验中就是一个，左对齐的文章+星空背景图片+00000黑色去调整.png的星星闪烁素材

感觉就是。。。比较费劲的说。。。。

应该还有其他有趣简易的方式去实现。上面也只是一粒米的尝试而已。

个人感觉这样做还是会有一个老问题？就是不同平台的阅读体感

 

[格林的黑羊]

刚刚, mylifeyouwill 说道:

我好像，发现了新大陆。这种确实很好玩啊！

不过我之前发的所有帖子都是纯文字排版。。。。

有点写论文的感觉。。。。

在这里是第一次用表格。。

纯文字比表格问题更大

还是没有解决不同平台这个问题，而且难度更大，根本是吃力不讨好的一种做法

[格林的黑羊]

21 分钟前, Kami丶米 说道:

好吧，尝试导入了一篇3000+的文章进去，好像长文后会有不小的问题，待接着研究【托腮

这个方法黑羊其实是试过的（叹

性价比最高的目前确实还是表格w

[格林的黑羊]

8 分钟前, Kami丶米 说道:

米突然想到，难怪将UBB代码运用到这边也会这样子。

那就是哪怕是以前框架，手机模式下也会这样。

旧框架的电脑版对小屏机（比如吾辈的SE）来说，使用体感的确是更好的（叹

电脑版	精简版	首页面

 

[格林的黑羊]

2 分钟前, Kami丶米 说道:

是呀，感觉下次萨卡前辈再说有什么想要的功能的时候，可以将这个建议提交上去，说不准就可能实现了呢。

假如那时候吾辈还在漫区，最希望的倒是加入画廊插件