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

[露比]

2 小时前, inuisanaa 说道:

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

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

咦，居然被召唤了（）

其实这个签名档弄了都快一年了，不知道一年前我脑子里都有什么乱七八糟的东西

[露比]

于 2021/7/24 于 PM8点53分, gocallle 说道:

 

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

[gocallle]

6 分钟前, 露比 说道:

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

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

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

[露比]

10 小时前, gocallle 说道:

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

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

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

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

[gocallle]

5 小时前, 露比 说道:

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

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

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

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

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

[dryadshaw]

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

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

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

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

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

[Tokur]

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

七月 28, 2021，由Tokur233修改

[gocallle]

13 分钟前, Tokur233 说道:

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

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

等以后有灵感再编辑了

[gocallle]

5 小时前, dryadshaw 说道:

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

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

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

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

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

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

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

[Tokur]

刚刚, gocallle 说道:

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

等以后有灵感再编辑了

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

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

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

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

  

[gocallle]

22 分钟前, Tokur233 说道:

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

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

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

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

  

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

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

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

[Tokur]

8 分钟前, gocallle 说道:

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

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

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

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

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

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

七月 28, 2021，由Tokur233修改

[露比]

7 小时前, gocallle 说道:

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

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

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

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

感觉教程也挺完善了w

另一个是小人的电脑屏幕

[gocallle]

16 分钟前, 露比 说道:

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

感觉教程也挺完善了w

另一个是小人的电脑屏幕

完善就好~

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

[gocallle]

20 分钟前, Tokur233 说道:

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

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

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

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

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

[Tokur]

9 分钟前, gocallle 说道:

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

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

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

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

（注：rgba是在rgb的基础上加了个a不透明度，基本能用rgb的地方都能用rgba，这个咱可能之后会整篇教程讲x）

七月 28, 2021，由Tokur233修改

[gocallle]

2 分钟前, Tokur233 说道:

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

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

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

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

[Tokur]

8 分钟前, gocallle 说道:

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

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

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

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

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

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

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

七月 28, 2021，由Tokur233修改

[gocallle]

2 分钟前, Tokur233 说道:

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

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

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

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

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

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

emmmm大概要打完整

[Kris Dreemurr]

于 2021/7/24 于 PM8点53分, gocallle 说道:

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

 

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

七月 28, 2021，由Kris Dreemurr修改

[gocallle]

刚刚, Kris Dreemurr 说道:

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

诶别别别~

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

[Kris Dreemurr]

1 分钟前, gocallle 说道:

诶别别别~

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

没有 让他看看你的帖子而已

[Tokur]

12 分钟前, gocallle 说道:

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

emmmm大概要打完整

其实基本上就是直接复制链接啦x，太长的话可以删一删x

[bearpool]

感觉现在论坛的编辑器已经够牛逼的，再往上就要搞Markdown了

[破木舟]

仿佛在看天书，萌新看着大佬瑟瑟发抖

不仅看不懂还懒洋洋的我表示多半用不上