Actions

Work Header

用 work skin 实现聊天气泡教程

Chapter Text

zte!

啊?

你这家伙不是天天自称程序猿吗?告诉我怎么直接把 txt 变成微信聊天体!

俺没有哇TT!海淀小学生比俺会编程……不过经过摸索现在差不多能用啦!

aka您可能发现了,技术原因这套CSS并不能做到微信那样收放自如。因此内容很短的气泡有大段空白,看上去比较丑……

等等,啥是CSS?

佛曰授人以鱼不如授人以渔,简单了解CSS后,您可以在ao3上自己制作想要的格式!太长不看版请直接跳过本块。我们平常看的网页都由三个部分组成,HTML,CSS和JS。HTML负责写好所有的信息,就像一个朴实无华的txt。CSS负责给文字上色,改变字号,文段的布局、位置,就像您可以在word文档里对文字做的那样。JS负责交互,比如说您点击网页上的kudos按钮,JS就向后端发送数据,让zte喜加1~

才不给你加1呢!废话少说,到底怎么做才能在ao3实现这个样式?

请您看下个chapter~别慌!有些代码需要复制。只要您按步骤一步步来,保证没问题!