分享【排版教程】萌新一百帖的分享

攸薩 · 8 小时前

这边是十万帖，本帖主要就是分享十万帖下来的排版心得，
首先看过此教学帖，该帖看不懂也可以在此帖进行询问，
再来继续看这帖的排版教程即可。

本帖主要内容如下，可以利用拷贝快速跳转。

项目	内容概括
1.速成表格背景	此项目利用论坛自带的表格功能制作主题背景。
2.AI速制表格	此项目利用AI制作主题背景。
3.嵌套类表格	此项目会利用表格来进行嵌套的方式做出繁复的主题背景。
4.绘画类表格	此项目会利用多栏表格来进行绘画的方式做出繁复的主题背景。
5.总结	此项目提供范例中的表格背景，还有上速4点的个人优缺点感受。

速成表格背景

这边先简单说下如何利用论坛自带表格功能创建表格，
可搭配此帖，主要进行一个图解，
看得懂的话可以直接跳往下个项目观看。

剧透

论坛自带表格功能图解

主题发布时功能列这边选择表格的图案。

按下表格图案后就会跳出设置选单，如下图解释设置。

不同的设置会有不同的效果，
边框设置0会没有边框，如下图所示。

创建表格，先鼠标左键其中一格，
再按鼠标右键+CTRL，可以开启表格选单。

设置单元格时合并容易产生BUG，
出现BUG时可善用CTRL+Z来返回上一步。

单元格属性可以针对单独一格单元格进行设置。

增加行列都是对一整行或一整列的增加。

【速成表格背景的流程】

一、创建表格。

二、设置1行1列100%宽且对齐居中表格。

三、点表格后点选单元格属性。

四、设置想要的背景颜色+边框设置白色。

AI速制表格
前面的项目可以快速制作纯色主题背景，
若想要使用有背景图片的表格，先学会使用F12替换，
这里插播F12使用教学。

剧透

本帖该部份面向第一次点开F12的观众，

已有所了解者请前往下个部份。

						第一问，F12是啥？
						第一问，F12是啥？

F12通常打开网页后按下键盘的【F12】，
就会打开网页发开工具，可以检视网页原始码。

						第二问，F12如何运用?
						第二问，F12如何运用?

F12主要是可以改变网页中的内容，
打开后选择Elements的地方，
就可以看到网页中的内容。

= > 图解 < =

						第三问，F12如何更改？
						第三问，F12如何更改？

比如随便点开一个主题，
对回复中的文字按下鼠标右键，
选检查就会跳转对应的F12，
如果没正确跳转就是在F12打开的情况下在按一次检查，
接着鼠标移至F12对应位置后网页这边会反蓝，
就表示选对了地方，
可以对此讯息鼠标右键选edit as html，
就可以更改该讯息，
改好后在随便点F12其中一个地方就会保存了。
= > 图解 < =

已经会用F12替换后再来给AI打一个起手式。

剧透

【论坛支持HTML，一个大表格中放背景图片，背景图片可以完整呈现在表格中，随着滚动也不会消失再嵌套一个小表格放透明度为50%的白色背景，这两个表格都长宽都一样，且宽度都设置100%。
背景图是https://s.sstmlt.com/img/2021/04/25/1.1f2846fc4441d44a8.jpg】

图片这边可以自由上传图床替换图片，
接着把AI给你的语法利用F12的方式替换内容就可以了。

直接拷贝用的内容，只要替换image:的内容即可使用。

剧透

<tr>

<td>

<table style="width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); border-collapse: collapse;">

<tr>

<td>

此处打你主题想要的内容

</td>

</tr>

</table>

</td>

</tr>

</table>

主题背景若有更多需求，
根据你主题中想要打的文字大纲给AI，
让AI帮你设想就可以了，不过先打起手式再继续问，
由于论坛许多功能会无法适用，
每次都需要调试才可以知道能不能用。

嵌套类表格

嵌套类表格运用就是利用前面方式，
制作出各种百分比宽度的表格后，
利用部份框线上色的方式，
将窄表格放进宽表格的一种表格排版效果，
此处会以word协助制作，
若找不到对应功能请回到前方的参考教材学习一下。

【嵌套式多重框边表格】

首先创建一个0边界无边框的表格，
先设置成100%宽度再设置边距0，可以参考下图做设置。

剧透

拷贝该表格后再设置一个宽度为99%的表格，
再继续拷贝一次，这时就有了100%宽度1个和99%宽度2个，
将100%左右设置实线，99%则是一个设置虚线，
一个设置跟100%一样的实线，
再来就是把99%的虚线表格拷贝起来，贴上在100%里面，
再来再把99%的实线拷贝进100%里面，
这样就做出了多重线条表格了。

剧透

＊小技巧关于可以从边框样式中选择自己用过的线条＊

【嵌套式多重框边表格相关图样】
嵌套式多重框基本运用如上，接着会放一些相关图样，
用同样的方式就可以做出许多变化，不局限于得要三个表格，
这里就运用了两个都是100%宽度的表格制作新样式。

【嵌套式二重框边表格相关图样】

我是下面两个放在一起的成果

我是100%↓

把我贴到上面去，成果就是最上面那样

【嵌套式四重框边表格相关图样】

我是四个表格贴在一起的成果
贴到论坛后会有多余的空白，要自己清除掉

我是100%+居中↓

我是要当最底下，都要被贴的那个

我是97%+居中↓

第二个贴我

我是98%+左对齐↓

先贴我，但是论坛会自动上色，右边跟下边要设置底色边框

我是98%+右对齐↓

第三个贴我

【嵌套式多重框边表格相关问题】
第一点，从word贴上论坛必须要贴两次，才可以正常生效，
这边建议式【ctrl+v】+【ctrl+z】+【ctrl+v】，
这样就解决贴上没东西的问题。

第二点，这样设置表格会有仅设置单边颜色，
实际贴上论坛会有所谓的论坛自动帮你表格上色，
想要避免这种问题就是把没有要上色的边框，先设置底色同色的边框，
就可以假装成无边框的情况。

第三点，嵌套式多重表格贴上论坛会产生许多空格，
可以直接反选检查那里有多出的空格，逐一清除后就会呈现跟word一样的效果。

绘图式表格

嵌套式表格就是靠一层层叠加表格来进行外观上的变化，
绘画式表格就是靠切成多格表格的情况，
逐一填色或设置线条的情况，来营造出外观上的变化。

首先设置一个3行17列的表格，最左右的列在切割成3列，
然后在逐一上色，最后再将中间的单元格合并起来，
之后就可以在中间输入主题内容。

剧透

【绘图式表格相关图样】
绘图式表格基本运用如上，接着会放一些相关图样，
用同样的方式就可以做出许多变化，
基本上都是一个多格表格从上色到合并的做法。

【绘图式表格相关图样】

制作流程如下图，效果在图下方。

剧透

左右上色，
上下利用底色边线的方式让两个单元格产生间格，
再将2个单元格的地方再切成4个单元格，
跳着上色的方式来呈现。

【绘图式表格相关图样】

制作流程如下图，效果在图下方。

剧透

【绘图式表格相关问题】
第一点，从word贴上论坛时，由于这类表格会使用到合并的情况，
某些单元格会无法正常点击，这时候回到只能回到WORD保留这部份的分割，
不要做合并，来避免触发这种无法点击的BUG。

第二点，WORD的表格，可能会出现很多段落标记【←】这样类似箭头的符号，
可以根据左上角的【文件】/【选项】/【视图/显示】格式标记的分类中，
找到段落标记，将其点掉就可以取消掉表格中的段落标记，
根据WORD的版本，这个段落标记的路径会有所差异。

总结
上述呈现了四种方式制作论坛主题的背景排版，基本上可以弄出更多的变化，
就是一个想象力的发挥，因此个人这边整理了主观优缺点的排列，

这些方法都可以复合式使用，并非仅能单一使用。

喜好顺序	优缺点
1.绘画类表格	变化较多端，但是容易出现无法点击的BUG。
2.嵌套类表格	嵌套过多时，容易会让论坛编辑器相当卡顿。
3.AI速制表格	样式单一，还很考验提示词的使用。
4.速成表格背景	论坛内建表格，制作繁琐的表格时无虚线辅助容易出错。