攸薩 发布于1 小时前 发布于1 小时前 这边是十万帖，本帖主要就是分享十万帖下来的排版心得， 首先看过此教学帖，该帖看不懂也可以在此帖进行询问， 再来继续看这帖的排版教程即可。 本帖主要内容如下，可以利用拷贝快速跳转。 项目 内容概括 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主要是可以改变网页中的内容， 打开后选择Elements的地方， 就可以看到网页中的内容。 = > 图解 < = 第三问，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:的内容即可使用。 剧透 <table style="width: 100%; height: 100%; background-image: url('https://s.sstmlt.com/img/2021/04/25/1.1f2846fc4441d44a8.jpg'); background-size: cover; background-attachment: fixed; border-collapse: collapse;"> <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%↓ 把我贴到上面去，成果就是最上面那样 【嵌套式四重框边表格相关图样】 我是四个表格贴在一起的成果 贴到论坛后会有多余的空白，要自己清除掉 我是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.速成表格背景 论坛内建表格，制作繁琐的表格时无虚线辅助容易出错。 【召唤阵】 剧透 @哥特的亡零 @星落OFFICIAL @掌上萌助 萌小雨 @lemon19 @alex109 @青山狐仙 @IJN_Hibiki @safcz @好想吃奶油小蛋糕 @MCIN @琴苼悠扬 @luaseeo @8661 @你先生 @TsumiKAMI @tetrohedro @367ddd @cc054405 @aruui ↘可按右下角的表情表示来过 【表格图样拷贝区】 【嵌套式边表格】 剧透 拷贝开始 拷贝结束 拷贝开始 拷贝结束 拷贝开始 拷贝结束 拷贝开始 拷贝结束 【绘图式边表格】 剧透 拷贝开始 拷贝结束 拷贝开始 拷贝结束 拷贝开始 拷贝结束
推荐贴