【红包】【大概算教程？】【直播】关于萌新因为不会排版又看不懂魔女酱的教程而气急败坏的从零开始的实战排版学习记录贴？（主线完结，更新至番外预告））

[gocallle]

关于排版

写在前面：

在同盟看贴子，看到一个个dalao们的排版都那么的亮眼！（我也想学.jpg）

可是，向dalao们问过了以后，dalao们都说用表格来排，并推荐了一个帖子：

https://sstm.moe/topic/222091-次元🌟魔女的表格魔法🌌教室【第n期】/

然而当我看过了以后，完全明白了（x）实际上是一头雾水

这写的是啥呀？为啥看不懂呀？这一大堆星星太阳是啥呀？

论坛搜了一圈下来，虽然教程贴是有，但是感觉大多数都在谈论HTML？具体怎么操作呢（到底大佬们是在word里还是Excel里还是论坛的编辑窗口写的呢？）

这点咱也不得而知（是不是咱太菜了啊）

顺便附上维姬上的教程链接：

剧透

排版教程

旧有的排版教程已经不适用于新框架，请开动脑筋，发现新的排版黑科技，并教会维姬娘吧！
目前现有的排版教程有：

• 【教程】萌新表格排版教学（随便打了个前缀hhh）
• 次元魔女的表格魔法教室【第n期】
• 𝓶𝓪𝓰𝓲𝓬𝓪𝓵表格魔法 ——魔女酱的表格魔法教程的一些解析/补充以及一些“魔法”的测试
• 聊聊排版吧
• 新旧更替——一点关于新框架下排版的初步概念引导

唯一感觉对新人最有用的还是逃跑的泰兰德大佬写的教程：

https://sstm.moe/topic/219588-【教程】萌新表格排版教学（随便打了个前缀hhh）/

（但是这个最终效果图又是怎么出来的啊www怎么和写的完全不一样www）

看来还是咱太菜了

就这样，为了以后写贴子更好看（赚更多节操）的目的，萌新以逃跑的泰兰德大人写的教程贴子为基础，从不依靠html的排版开始，通过实战的方式（就是完成一个任务啦，也就是临摹，）从很简单的一个框开始，到复杂的活动宣传页面，逐渐达到能够理解魔女教程的地步~

嘛，在中途大概就会有很多不会的问题了，希望dalao们能指点指点

（毕竟会了就不会在这发帖了（x））

也欢迎大家在下面讨论排版的问题哦~

---------------------------------------------------------------------------------分隔符---------------------------------------------------------------------------------------------
Mission 1

首先是第一个任务：

使排版达到这个贴子的程度：https://sstm.moe/topic/186212-聊聊排版吧~/

具体示意图如下：

解答如下（仅供参考）：

嘛~，感觉提到排版最好的方式就是表格，那么表格究竟起了一个什么作用呢？

咱目前的理解就是提供了一个边框和背景图的作用（感觉认识好浅）嘛，不浅就不叫萌新了那么废话不多正式开始！

我是以word为例（论坛这个编辑还不是很熟悉）

首先第一步：新建Microsoft word文档！然后打开！

然后第二步分析：图中分为了三块部分：上半文字部分和下半文字部分和下半图片部分

那么就创建1x2的表格（点击插入：表格，然后选择1*2）

 

那么创建完拉到合适的大小（差不多这样）

 

那么然后点击上方的表格工具：设计，点击底纹就能设计背景颜色啦

设计完颜色以后右击下面的单元格点击拆分单元格（目的是要把图片和文字分开）

接着就是调整边框了（感觉这才是目的其他都是虚的）

上面的是设置边框样式（你们看到的dalao的边框大都是这里来的）下面是粗细

调整以后就会看到鼠标变成刷子的样式，对想要变换的边框进行刷吧！（记得把里面的设成无边框哦！）

那就基本结构完成啦！

这个是没写字的效果，加入字和图片以后就是：（把完成的表格复制到论坛编辑框里）

下面是复制进来的初步效果（我这颜色有点太深了，不要在意里面的字，自己编辑就好）

 

啊啊啊啊啊啊啊    呃呃呃鹅鹅鹅
	左边的是皮卡丘 这样就能左图右字的介绍效果

 

---------------------------------------------------------------------------------分隔符---------------------------------------------------------------------------------------------

任务1完成（我太菜了想了一下午才想出来这是咋搞的），下面是任务2的预告，任务2是这个贴子（基本上咱会从教程贴里的示例一步步的来）：https://sstm.moe/topic/219588-【教程】萌新表格排版教学（随便打了个前缀hhh）/

目的是达到最后那个示例的样子啦~好啦，先写到这，等待下次更新~

---

感谢楼下大佬指导，下面是大佬教的一个小贴士，感觉很有用，作为番外，任务2应该今天能更新。

看见上面那个分隔符了吗，编辑的时候有的时候会想用，那么不想打一大堆减号的话该怎么做呢？（仅提供我的理解，可能学计算机的会震怒）

首先在想插入的地方右键选择检查

然后右边就会出现一个奇怪的页面，点击如图所示的按钮，然后单击想加分隔符的地方，对应的地址就会显示在右边，找到对应的地方后右击，选择edit as HTML,然后在文本的最后另起一行，添加一个<hr>就可以啦！

是不是觉得光一条线太逊色了？其实<hr>可以通过各种形式来改变哦，那么请看下面：（可以复制代码粘上去（网上找的））里面的123456对应的就是显示的样子

 

---

---

---

---

---

---

---

---

---

---

剧透

1.<hr style=" height:2px;border:none;border-top:2px dotted #185598;">

2.<hr style="height:1px;border:none;border-top:1px dashed #0066CC;">

---

3.<hr style="height:1px;border:none;border-top:1px solid #555555;">

---

4.<hr style="height:3px;border:none;border-top:3px double red;">

5.<hr style="height:5px;border:none;border-top:5px ridge green;">

6.<hr style="height:10px;border:none;border-top:10px groove skyblue;">

---

Mission 2

具体示意图如下：

---

嘛，先上完成图，教程下午再补。

Word最终效果图
	这里是萌新教学贴 如果各位还有其他的技巧 黄油私信我或者在该贴留言啊
	感谢 建议者 测试者： Xxxx Xxxx Xxxx
	多谢观看咯

 

啊这，立马遇到奇怪的问题了，如果图片用外链的话，图片大小就不对了，会变的很小，如果直接在word里弄就会显示不出来（先蹲个大佬），咱自己先研究下。

(貌似是要设置图片的width="xxx" height="xxx"，可是编辑了好像没有反应？）

研究好了，貌似要删掉一大堆代码？先睡个觉，晚上再更~

 

---

嘛，看到下面的大佬们都不用word的，这次就先用word搭配HTML来完成吧~

首先进行分析：背景的绿颜色为什么会延续到上面一块，答案是上面仍然是表格的一部分，只不过把边框线给取消了，看起来就像个标题。

那么按照任务1说的那样，设置边框和背景颜色以后，把字打上去（虚线是去掉的边框线）。。。

然后复制到论坛的地方编辑（重点来了），插入图片，然后就发现不对了，图片大小不对（如图）

那么这个时候就要HTML大法启动~右击图片选择“检查”，然后按照前文小贴士里的方法点击图片，找到图片所在的位置。右击然后edit as html。看到图片是这样显示的：

那么把第一行alt到后面第一个src的代码全部删除（不这样就改不了大小不知道为什么）（虽然感觉不太对但这样能达到效果）然后再最后添加height="数值"，这个数值就能进行更改，就能调整图片的高度~，最后的代码是这样的：（width是宽度,height是高度，都能改哦~）（话说那个src其实就是你图片的地址（应该也能改））：

那么就把两个图片都改一下，差不多就能完成效果了呢~

任务2完成！（其实做出这个样子当白富美应该没什么问题了）（好像在招人，萌新快去啊~）

Word最终效果图
	这里是萌新教学贴 如果各位还有其他的技巧 黄油私信我或者在该贴留言啊
	感谢 建议者 测试者： Xxxx Xxxx Xxxx
	多谢观看咯

 

---

任务2完成了，那么任务3是什么呢？本来想定这个帖子的：

https://sstm.moe/topic/180343-新旧更替——一点关于新框架下排版的初步概念引导/

但是如果能熟练完成上面两个任务的话，应该是没什么问题了呢！

那么给自己定个小目标（来个有点挑战性的），任务3为这个贴子：

https://sstm.moe/topic/178676-新手区【任务领取帖】（更新日期20210315）/

是大家都经历过的新手任务贴呢，那么到底其中蕴含了什么秘密呢，敬请期待！

---

好啦，正式开始任务4，首先进行分析，得到其基本框架是这样的：

那么我们先建立3x3的表格，然后把符号◥◣◢◤复制到相应的位置（左上左下右上右下），写上标题和内容，再把需要隐藏的分割线隐藏就可以啦~这样就是基本框架。

然后就是装饰部分（旁边的雪花啥的）❄❊❅就是这几个东西，应该是emoji？可以直接在别的地方打然后复制进去，然后每一行放一个（原文是一行空一行），就能达到效果了（位置可以自己调整，也可以不用雪花用太阳啥的）

这样外部框架就完成了：

下面是内部有一大堆带颜色的框的问题，虽说调整表格结构也能完成，但这次想换种方法。。。

看到大家都喜欢用论坛自带的表格，这里就用一下~

首先把之前做好的框架复制进来，然后在论坛的表格插入那里选择1x1的表格~

然后对着创建的按Ctrl+右键，进行编辑~表格属性对齐方式选居中，宽度可以自己调~

然后继续Ctrl+右键，单元格里有个单元格属性，可以调整边框为白色（就等于无边框）还能调整背景颜色！

后面的内容就可以自己调整啦，下面是完成的效果（外部边框忘记去了，不过影响不大）

 

◤	╭♡─├. 任务领取中心.┤─♡╮	◥
❄ ❊ ❅ ❄ ❊ ❅	111   2222222222222222222222222   11111111111111111111111	❄ ❊ ❅ ❄ ❊ ❅
◣	╰♡─├. 欢迎下次再来.┤─♡╯	◢

 

---

话说任务4也完成了呢！下面任务5就是魔女的排版了呢，感觉已经可以驾驭了呢，链接在这：

https://sstm.moe/topic/222091-次元🌟魔女的表格魔法🌌教室【第n期】/

话说这个完成了是不是该完结了啊~（貌似也没啥人看）毕竟这个贴子也是为了逐步理解魔女教程而存在的呢~（后面也许还会更更番外？）（毕竟是实战向的，素材也好找）

话说下面的皮卡丘，妖精的排版是指的哪个啊（根本找不到还把人家黑历史给翻出来了）

---

嘛，任务5开始，首先写在前面，为什么之前看不懂魔女酱的教程呢？那是因为魔女酱的教程主要描述的是如何在所发的文章内插入背景图片，而咱一开始等级太低，追求的则是更基本的东西，由于不熟悉论坛表格的模式，所以从简到难，从word到HTML到论坛的表格系统都尝试了一遍，这样下来才逐步理解~

嘛，首先是结构的解析，可以参考toku酱的帖子（不好意思因为那个地方引用不了只能复制了~）：

https://sstm.moe/topic/269514-【排版】𝓶𝓪𝓰𝓲𝓬𝓪𝓵表格魔法-——魔女酱的表格魔法教程的一些解析补充以及一些“魔法”的测试/

剧透

首先讲一下魔女酱教程里的整体结构

(标题)

1
2	3	4
5

单元格1和5是放表情包的，单元格2和4是放星星和月亮的装饰的，单元格3是放内容的

（实际上用HTML的形式看的话，会发现其实标题的图也是装在一个表格里的）

那么直接先搭建呢~

那么如果前面几章好好听了的话，难点好像基本只剩下最后的背景插入了~

	上面这块是插入图片的，魔女这弄了一堆GIF
☀ ☀ ☀ ☀ ☀ ☀ ☀ ☀   ☀ ☀ ☀ ☀ ☀ ☀ ☀ ☀	背景插入的话是右键选择检查，或者是按f12（笔记本要按fn+f12），弹出来的左上角有选择。 然后左键选择表格，找到表格所对应的代码。 然后注意！！！（魔女酱这里有可能写错了） 在style="...."的后面一个引号的前面添加代码： ;background-image:url(背景图片的URL链接) （魔女酱的原文：在style="....";后面粘贴这段代码） 然而经过操作以后重复几次都没有效果，后来才发现是引号位置的问题。 那么这样就完成啦~ 效果就是如本表格所示呢~	⚡ ⚡ ⚡ ⚡ ⚡ ⚡ ⚡ ⚡   ⚡ ⚡ ⚡ ⚡ ⚡ ⚡ ⚡ ⚡

 

题外话：其实这种背景也有一定的缺陷，就是表格大小有可能会限制图片的发挥。表太小图片就会显示不全，这个也不知道怎么调整，还有就是有的图片太大了会超出去，手机看了难受~

那么下面推荐的是那种单个单元重复的想法：就是把类似这个进行重复来达到效果。

那么要怎么做呢？ 在之前那段代码之后添加 background-repeat:repeat; 就可以啦~ 这样的其实也很好看啦（我截图没截好，可能每个单元错位了） 自己设置大小和背景加点文字就可以做签名啦！(一些大佬的签名就是那么做的呢~）

那么，基本内容就完结了啦~

想说点题外话：其实排版这东西越研究到后面越感觉花里胡哨，其实一个简单的背景加上一个框就够了只能算是锦上添花，主要的还是整体的字的大小颜色和位置的设置更重要，真正打动人心的还是文章的内容~（试图升华主题）

本文仅做一个抛砖引玉啦，那么看过本文的可以去看下魔女的进阶篇还有toku酱的补充，那里才是满满的干货，这里的内容只是凤毛麟角罢了~
 

 

 

 

---

话说主线完结了其实还有番外啦，可能会更个一两期（看难度）~

第一期番外就选择下面皮卡丘所说的妖精的吧， @攸薩是哪个贴子啦，提供一下~（为什么我只找到了你们可能不知道只用一天水到300节操是什么概念）

话说新人来回复一下啊，这不是官方贴不会被刀的，还有红包拿哦~

@ 魔法少女卡萌酱 申请加入wiki

剧透

嘛，写这个的目的首先还是因为toku酱大佬 @Tokur233写的贴子排版激起了想学的兴趣~感谢toku酱的指路~

另外还有某位新人（貌似现在是白富美了）的毕业感言惊艳到咱了

再加上自己写贴子不会排版要受挺多限制的，实际上还是为了排版好看能多拿节操(好功利）,加上也没找到能讨论的帖子，就自己开一个吧。

就酱紫~撤！（话说是不是不该发这个版块啊）算了不管了，转区费就10节操。

 

 

 

 

 

七月 27, 2021，由gocallle修改
更新至番外预告

[gocallle]

7 分钟前, Dzero 说道:

其实我个人还是更喜欢论坛自带的编辑框，表格边框粗细背景色都可以直观调整而且能确保获得编辑时的效果，还不用打开word。另外表格宽度设置用像素的话会撑爆手机版的视窗，所以(虽然很多人都不在乎但是)我还是更推崇用百分比设置，或者直接不填宽度就会自动按内容宽度适配

p.s. 文字也算是排版的一部分吧，说实话色彩斑斓的文字总觉得有点刺眼，当然这个主要应该是我自己的问题(

嘛，一开始也想用论坛编辑框的，但不知道为什么老是感觉有延迟，或者右键按不出来。。。。完蛋了后面听不懂了，像素是什么（x）百分比好像在论坛自带的里见过。

五颜六色的话。。。。我感觉更醒目一点，太长了的话感觉人会不想看，变来变去的话感觉会更集中注意力？

[gocallle]

10 分钟前, inuisanaa 说道:

虽然但是

我觉得还是稍微学一下html+css比较好，word终究不是用来写网页的东西。

我做过两个表格（或者说重置过）

一个是 https://sstm.moe/topic/247991-sstm自购需知-长期自购占坑总贴-无论是否为自购团成员都可以在此贴登记！！！！！/

一个是同人区的每月绅士游戏评选

虽然不知道前人是用什么做的这两个表，但是表格里冗余的标签过于多，<div>套<div>套<div>套<div>这种事情经常出现。如果仅仅做为一个不再修改的主题帖还好。但是如果需要经常修改表格，这代码看得是真的头疼。况且用html标签能做到网页的编辑器平常做不到的东西。比如分割线<hr>，它长这样

---

另外其实照着html和css手册写就ok，不会很难的

html手册：https://www.runoob.com/tags/html-reference.html

css手册：https://www.runoob.com/cssref/css-reference.html

感谢大佬指点，嘛，到后面的话要更进一步肯定要接触的。

咱的想法是这样的，如果一开始就弄一大堆代码，大概率就劝退了，咱就是这样的，咱学的也不是计算机，各种语言也没接触过，可能看到语言就怕了。毕竟是从零开始嘛，就从比较熟悉的word开始搞，先熟悉基本的，然后以这个为踏板再接触论坛的编辑或者是上述的语言。

到后面设计背景什么的再开始逐步导入，毕竟一开始就弄的太难感觉不是很好，就像咱一开始看魔女教程直接一头雾水（毕竟小白从零开始）

基本上咱也就写写不修改的主题贴啦~

 

[gocallle]

4 分钟前, Tokur233 说道:

WORD确实可以用来整这个，但是可能不好实时调试x

toku酱是直接在论坛里面编辑的吗？

啊~看起来好像大佬们用的都不是word。。。。。。

看来得好好学学论坛的系统了，但是论坛系统的话边框样式是怎么换的啊，咱找不到了

[gocallle]

5 分钟前, Dzero 说道:

论坛自带的编辑表格要ctrl+右键的。表格宽度一般默认都是按像素去设置的，导致大表格很容易横向溢出手机显示屏，但是用百分比设置可以将表格大小固定在显示端的特定百分比宽度(准确来说其实是所属element的百分比宽度)，论坛表格可以直接选择用像素或百分比，word就不知道可不可以了

理解了，所以有的时候看背景图片跑到右边很远的地方了就是这个原因？

[gocallle]

1 小时前, Tokur233 说道:

是的喔（不过因为不是版主，没有测试贴，所以常常用以前发过的贴悄咪咪测试x）

可能跟习惯有关？咱是因为本身word就不咋常用，然后不好实时测试在论坛里的效果就没用word了

唔······选定表格的标签后在右边的element.style用border-style改样式（说起来如果是用word的话，是直接用border来设置各项属性）

 

  隐藏内容

按咱习惯来整排版的话，就是直接先在论坛编辑器里建个表格(一般都是会先设置行列1*1，宽度改成百分百类的，其他再另外设置)，然后在表格里随便输入点内容，比如说111，然后选定111，右键，点检查，在弹出的窗口找table的标签（找不到的话可以用Ctrl+F找），点这个标签后在右边的element.style设置

 

11111111

按照下面的方法试了一下，没看到element.syle,ctrl+f了也没用

可能还是有点问题

貌似就这一块是表格，格式是要自己添加吗？这样的话就要去背代码了呢~

我先慢慢看着上面大佬给的手册吧~先用word凑合着用

多谢大佬教导~

[gocallle]

12 小时前, 2508303824 说道:

上过Html课的我表示表格这东西很简单，但是实际上我没有真正用在论坛上（因为不知道怎么用来论坛上，
但是代码我都能看懂，至于CSS文件我很好奇应该怎么用在论坛上。我记得CSS时需要存储在一个项目里。
还有我只是一个代码界的小白~THML网页设计我已经有个半年没上过了。大二要开始链接数据库，到时候我大概又会懂一些。
大佬们真的好多，真想摇一个大佬手把手教教我怎么用！

哇~上过课的真大佬~

这个其实是在编辑贴子的时候打开HTML编辑窗口，然后对你写的东西进行编辑~

有基础的话其实很快就能学会的~下一个巨佬就是你！

 

 

[gocallle]

刚刚, shouwang 说道:

还从来不知道能用word写网页 受教

不是写网页啦~

单纯的只是做个表格然后复制进去~

[gocallle]

33 分钟前, inuisanaa 说道:

这么快就完结了.....我还期待能再来点更好玩的东西呢

论坛排版这方面不仅要有写网页的基础能力，更要有想法，创意。能力好学但是创意不好学。如果不会写代码好歹可以设计结构之后找人帮忙写，但是空有能力没有想法那最后写出来也是一般的水平（比如我

昨天看到了 @露比这位的签名大受震撼。嘛倒不是因为不会写，只是没想到还可以这么玩，挺好看的（

我还是挂个自己的osu tag好了

嘛，毕竟是从零开始排版呢，本来是为了写东西好看点研究的，结果最后原来写的东西写到一半写不下去了

其实一般水平的萌新基本上够用了，除非大型活动要弄成海报那样的，平常版头几个贴子也基本上是方框＋背景就够了呢~

剩下的就交给白富美大佬们研究啦

[gocallle]

13 分钟前, 注水的矿工 说道:

整排版这玩意...矿工想起了被css支配的恐惧...

话说排版边缘其实可以不局限于emoji⚡这种东西

你可以试试看用一些简单的gif来做边缘

比方说~

跑马灯~

当然，这个黄色圆是我自己简单整的

画图什么的完全不会...

左右边加一个斜黑白的向下滚动就变成理发店了呢~

其实不用会画图，会ps加上有想法和找素材就行了，可是大多数人懒（比如我）

[gocallle]

6 分钟前, 露比 说道:

这个教程贴好细致，手把手地教w

毕竟咱开始研究的时候没有手把手的教的贴子啊只能自己写了（x

（话说大佬的签名有什么奥秘吗，有人说是三个图片？咱怎么只看到一个图片啊

[gocallle]

5 小时前, 露比 说道:

太强了，这么详细的内容应该码字花了很久吧

如果图片都成功加载出来的话，就是图片其实有三层，背景和前景是两个图

也没有很久，感觉如果算有效时间的话大概2天左右能弄完？

但是最近怠惰了，就写的比较慢

为什么我这只显示两个（一个背景还有个坐着的小人？）另外一个在哪

[gocallle]

13 分钟前, Tokur233 说道:

好耶！原来是持续更新的吗！

已经写不出来东西了（悲~）

等以后有灵感再编辑了

[gocallle]

5 小时前, dryadshaw 说道:

支持一下，不过我觉得排版就直接用网页排版的方法然后插入代码就可以了吧？网页排版的工具还是比较全面的……

总结来说，排版主要就是两个关键：

1. 使用调试器直接修改HTML代码；
2. 使用表格控制文本块的位置大小。

在编辑栏看不到用HTML的方法，结果原来是直接用调试改HTML，这个做法是我没想到的，论坛这个方面不搞检查的吗？好处倒是也有不少，就是很担心安全性。

关于直接表格排版，其实也就是为了可以手动指定文字块的位置、大小和对齐方向了吧？（你们就不能用表格来显示大量数据吗x

解释的很到位~就是这样（认真）

安全性好像以前出过问题已经被禁用了一部分功能呢~

[gocallle]

22 分钟前, Tokur233 说道:

其实把能用的那些html标签学会了，剩下的就是活用了x

想想有没有什么非常amazing的idea，然后在以前的贴实验x

可以去参照wiki啊之类的地方，看看有没有比较好看的排版，然后就尝试用能用的html表情整出来x

  不过想不出好idea的话我建议摸鱼（雾）

  

其实弄到后面感觉弄ps比较好了，可以搞出海报一样的效果

不过咱弄不出来（名正言顺的摸）

楼上大佬倒是有个好点子：直接用gif什么的，毕竟动图有趣的多~

[gocallle]

16 分钟前, 露比 说道:

对我来说码字可累了，而且还要这样图文并茂

感觉教程也挺完善了w

另一个是小人的电脑屏幕

完善就好~

哇，好像是有一个小方框呢（不过好像和电脑屏幕没对齐）

[gocallle]

20 分钟前, Tokur233 说道:

弄海报的话可以用Id，也是adobe家的，不过似乎没多少人会自学这个x

(摸鱼难道不是人之常情?x)

喔？咱之前的排版教程贴的背景就是用的布卡娘的gif不过gif有点难驾驭，咱之前试过用镜5的开始页面转gif当背景，不过转换成gif足足有51MB，还特别模糊，所以要用gif做整个排版背景的话不大现实x，大抵只能做到小型的gif的效果——说起来咱有一个肝帝级别的idea，就是把整个表格切成十几个表格，然后把gif也切成相应的十几个，然后一个个填充但是估计没人会想做这个x

就是主要起小型装饰的作用啊~比如左边上边和右边

然后其他地方自己排，感觉如果太大了会很卡而且字看不清

[gocallle]

2 分钟前, Tokur233 说道:

说起来整这些装饰的话，最好还是gif首尾能无缝衔接的x 不然会有点怪怪的x，而且放多了也不好，会卡x

对了！咱有一个idea，已经实现了x 勇战是“同人”游戏吗？——浅谈“同人”的“非正式商业性”的定义 这个帖子x，咱借鉴萌娘百科的一些条目，后面会有人物图片的那种，然后前面条目内容的背景就透明x   用rgba这个属性实现的x  这样即使背景是人物图也不会影响浏览不过类似萌娘百科里“约会大作战”条目的背景的动态效果似乎没法在论坛实现x

emmmm没太听懂？大概是说有字的地方背景透明没字就有背景?

话说这个超链接是也要用HTML编辑吗？（怎么感觉HTML无处不在）

[gocallle]

2 分钟前, Tokur233 说道:

就素说把中间表格背景弄透明，然后外边大表格放背景图

唔···超链接的话，只要是一个链接，有时候打出来会自动变成超链接，直接复制链接过来会自动变成超链接，但是也可以用HTML的<a>标签来整，比如说

<a href="sstm.moe">
  SS大陆
</a>

这样子就会出现显示出写着“SS大陆”，然后点击会传送到"sstm.moe"的超链接

PS:有点尴尬x，sstm.moe打出来不会变成超链接x

我来试试？ 勇战是“同人”游戏吗？——浅谈“同人”的“非正式商业性”的定义

emmmm大概要打完整

[gocallle]

刚刚, Kris Dreemurr 说道:

这里直接进行一个魔女的召唤x @Dorothy 来看看
 

诶别别别~

已经看懂了啦，真的！（在文章最后有写）

[gocallle]

3 小时前, 露比 说道:

番外篇还要写多少呀

这个没办法，不同电脑屏幕大小不一样，我只能做到在自己这边看起来对齐。功力不够呀

随缘更新啦~目前还找不到素材呢

大佬的功力已经很强啦~

还是想法和点子比较重要呢

[gocallle]

6 小时前, 露比 说道:

唔，找不到素材是指？

都是过去的事情了，现在只是一条咸鱼～想法和点子睡一觉总会有的

指简单而又好康的背景，或者操作不是那么麻烦又能达到好效果的想法

睡一觉然后又更想睡了（悲x

[gocallle]

9 分钟前, 露比 说道:

嚯嚯，背景没有可以自己画（x）

那可以洗澡，据说人在洗澡的时候容易整理思绪并产生新想法

完全不会画不如直接去p站扒图

洗澡反而神智不清了，脑子里全是洗发水沐浴露洗面奶肥皂

[gocallle]

4 分钟前, 露比 说道:

一般背景都是用很简单的有重复图案的图片吧（比如波点之类的w）

还有洗面奶啊，好注意卫生（关注点奇怪x

有重复的图案的话我觉得可以找找网上的墙纸和瓷砖或者布的样式图片（然而清晰度不高）原文里下面就是墙纸上截的图。

原本不用洗面奶的，但是鼻子太油了（效果还不错

[gocallle]

4 分钟前, 露比 说道:

嚯嚯，我一般找的是礼物包装纸的图案。一般会在ps里面锐化一下图片

虽然洗面奶是个好东西，但是我懒得用

原来如此，还有包装纸啊~学到了

太经典了，咱也是放假才有时间用，平常根本没时间，只想睡觉💤