本帖最后由 暗夜Elen 于 2020-12-7 02:58 编辑


【前言】
这份排版的精髓在于用一张宽的透明图片强行撑起来边框效果,虽然实现方法有点蠢,但是效果不错。
套模板用了一年多,发出来造福社会,使用CC BY-NC-SA 4.0协议授权,拿去用的话记得评分。
【操作细节】

三个箭头从上到下分别是最外层的白色部分,中间的分隔,最内层的白色背景。
我做排版的时候一般会根据帖子内容修改中间分隔的颜色,另外两个倒是不怎么动。

红框圈出来的两个段落是两个完整的“一截”,代码文件里分别有两个带标题的段落和两个不带标题的,可以自行复制更多。
这个排版的精髓在于用图片撑起来整个表格,所以表格里面带的图片代码不要删,会出问题。
【代码自取】
  1. [align=center][table=98%,#f0f0f4]
  2. [tr][td][align=center][img=1280,12]https://s2.ax1x.com/2019/06/17/V7cuM6.png[/img][/align][align=center][table=98%,#264C46]
  3. [tr][td][align=center][table=98%,#e9e7ef]
  4. [tr][td][align=center][img=1280,300]https://s1.ax1x.com/2020/08/07/aR4DIS.png[/img][/align][align=center][img=1280,5]https://s2.ax1x.com/2019/06/17/V7cuM6.png[/img][/align][/td][/tr]
  5. [/table][/align][/td][/tr]
  6. [tr][td][align=center][table=98%,#e9e7ef]
  7. [tr][td][align=center][size=4][color=#3d3b4f][b]【SAMPLE】[/b][/color][/size][/align][/td][/tr]
  8. [tr][td]SAMPLE
  9. [align=center][img=1280,5]https://s2.ax1x.com/2019/06/17/V7cuM6.png[/img][/align][/td][/tr]
  10. [/table][/align][/td][/tr]
  11. [tr][td][align=center][table=98%,#e9e7ef]
  12. [tr][td][align=center][size=4][color=#3d3b4f][b]【SAMPLE】[/b][/color][/size][/align][/td][/tr]
  13. [tr][td]SAMPLE[align=center][img=1280,5]https://s2.ax1x.com/2019/06/17/V7cuM6.png[/img][/align][/td][/tr]
  14. [/table][/align][/td][/tr]
  15. [tr][td][align=center][table=98%,#e9e7ef]
  16. [tr][td][align=center][img=1280,300]https://s1.ax1x.com/2020/08/07/aR4DIS.png[/img][/align][align=center][img=1280,5]https://s2.ax1x.com/2019/06/17/V7cuM6.png[/img][/align][/td][/tr]
  17. [/table][/align][/td][/tr]
  18. [/table][/align][align=center][img=1280,12]https://s2.ax1x.com/2019/06/17/V7cuM6.png[/img][/align][/td][/tr]
  19. [/table][/align]
复制代码
暗夜式排版.rar (334 Bytes, 下载次数: 24)



01
·/ 前言 /·
TGC - The Gold Chest
基岩版排版比赛的参赛作品,没被最终选中所以想着挑个时候发出来,本来没想这么早发的,不过正好匣匣四周年了嘛,就提前放出来了。
使用CC BY-NC-SA 4.0协议授权,拿去用的话记得评分。
02
·/ 代码 /·
TGC - The Gold Chest
  1. [align=center][table=98%,White]
  2. [tr][td][align=center][img=1280,12]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/3b062e7a88bffaeaab7e966680a35114b5926313.png[/img][table=98%,Silver]
  3. [tr][td][align=center][img=1280,300]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/1841a11fdf9c0733018b0d2cb95f3ac2b7b72e1e.png[/img]
  4. [/align][/td][/tr]
  5. [/table][/align][/td][/tr]
  6. [tr][td][align=center][table=98%,Silver]
  7. [tr][td=2,2][align=center][b][size=5]01[/size][/b][/align][/td][td=5,1][b]·/ SAMPLE /·[/b][align=center][img=300,1]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/3b062e7a88bffaeaab7e966680a35114b5926313.png[/img][/align][/td][/tr]
  8. [tr][td=5,1]SAMLPE[/td][/tr]
  9. [/table][/align][/td][/tr]
  10. [tr][td][align=center][table=98%,Silver]
  11. [tr][td][align=center]SAMPLE[/align][/td][/tr]
  12. [/table][/align][/td][/tr]
  13. [tr][td][align=center][table=98%,Silver]
  14. [tr][td=2,2][align=center][b][size=5]02[/size][/b][/align][/td][td=5,1][b]·/ SAMPLE /·[/b][align=center][img=300,1]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/3b062e7a88bffaeaab7e966680a35114b5926313.png[/img][/align][/td][/tr]
  15. [tr][td=5,1]SAMPLE[/td][/tr]
  16. [/table][/align][/td][/tr]
  17. [tr][td][align=center][table=98%,Silver]
  18. [tr][td][align=center][img=1280,300]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/1841a11fdf9c0733018b0d2cb95f3ac2b7b72e1e.png[/img][/align][/td][/tr]
  19. [/table][/align][/td][/tr]
  20. [tr][td][align=center][table=98%,Silver]
  21. [tr][td=2,2][align=center][b][size=5]03[/size][/b][/align][/td][td=5,1][b]·/ SAMPLE /·[/b][align=center][img=300,1]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/3b062e7a88bffaeaab7e966680a35114b5926313.png[/img][/align][/td][/tr]
  22. [tr][td=5,1]SAMPLE[/td][/tr]
  23. [/table][/align][/td][/tr]
  24. [tr][td][align=center][table=98%,Silver]
  25. [tr][td][table=98%,gray]
  26. [tr][td][b][color=#ffffff] / SAMPLE /[/color][/b][/td][/tr]
  27. [/table][align=center]SAMPLE[/align]
  28. [table=98%,gray]
  29. [tr][td][b][color=#ffffff] / SAMPLE /[/color][/b][/td][/tr]
  30. [/table][align=center][img=1280,300]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/1841a11fdf9c0733018b0d2cb95f3ac2b7b72e1e.png[/img]
  31. [/align][/td][/tr]
  32. [/table][/align][/td][/tr]
  33. [tr][td][align=center][table=98%,Silver]
  34. [tr][td][align=center][img=1280,300]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/1841a11fdf9c0733018b0d2cb95f3ac2b7b72e1e.png[/img]
  35. [/align][/td][/tr]
  36. [/table][img=1280,12]https://images.weserv.nl/?url=https://i0.hdslb.com/bfs/article/3b062e7a88bffaeaab7e966680a35114b5926313.png[/img]
  37. [/align][/td][/tr]
  38. [/table][/align]
复制代码
03
·/ 操作细节 /·
TGC - The Gold Chest
 / 特点 /
这个排版特色在于这个一对二的小标题,可以在下面一行写点个人文字水印啊,吐槽啊,或者单纯上一行标题的英文版之类的,都可以。
另外还附带了......小标题中的小标题,可以帮你整合一些单独的没必要单独开一个大块的零碎信息。
怎么更改......代码中有两个普通正文段落和一个小小标题段落,我觉得用过上一页或者其他表格排版的人应该都可以自己找到需要复制的地方,懒得截图了(后仰)
 / 配色 /
默认为“零饱和度”配色,替换颜色时请自行Ctrl+F,也欢迎自行配色