专栏名称: i排版
提供简洁优雅的排版工具,提高排版效率,让读者享受阅读。
目录
相关文章推荐
天玑-无极领域  ·  AI+医疗:给AI发检查单,AI就能给出详细 ... ·  昨天  
网信黑龙江  ·  V眼看龙江 | 亚冬会今晚开幕万众期待! ·  昨天  
网信黑龙江  ·  V眼看龙江 | 亚冬会今晚开幕万众期待! ·  昨天  
梅特涅的信徒  ·  特朗普与马斯克的权力扩张与共和党的顺从 ·  2 天前  
舰大官人  ·  …… P律变成了 ... ·  2 天前  
中产先生  ·  2025年十大悬念和期待 ·  3 天前  
51好读  ›  专栏  ›  i排版

弹幕还可以点击显示!?你需要了解的弹幕排版都在这里了

i排版  · 公众号  ·  · 2017-09-19 08:37

正文

近期有很多小伙伴来问老沙关于弹幕样式的问题,今天都汇总在这里啦!还有你没见过的弹幕新玩法,简直太6了!


1. 弹幕+互动样式

点击下方空白查看

👇

🚂 🚃 🚃 🚃 🚃 🚃  沙师弟老司机开车,污污污污…

什么?!弹幕还能点击显示?


当然啦~还可以阅后即焚、自动显示、渐变出现。


操作如下: (其实一点也不复杂)


打开2个i排版编辑器(iPaiban.com)网页 (先打开2个i排版的首页,再点击i排版编辑器,就可以了)


第一个 编辑器 添加弹幕样式 (左侧样式栏-互动样式-弹幕样式)


点击工具栏上最后一个HTML按钮,进入代码界面,把弹幕文字修改成自己需要的


第二个编辑器 添加互动样式 (左侧样式栏-互动样式-点击显示/阅后即焚/自动显示/渐变出现)


点击工具栏上最后一个HTML按钮,进入代码界面,找到如下图所示的这一段p标签中的内容


回到 第一个编辑器 页面,在HTML界面,把弹幕的代码使用快捷键ctrl+A全选-ctrl+C复制


来到 第二个编辑器 ,把p标签全部删除 (包含前后两个p标签本身也要删除) ,再把刚才复制的弹幕代码,使用快捷键ctrl+V粘贴,再点击HTML,回到编辑页面


保存草稿后,使用同步功能,把内容同步到公众平台,就完成了



2. 弹幕+边框

比如这样

👇


全世界最好用的微信图文编辑器就是i排版,i排版,i排版啊



操作如下:


点击左侧 样式栏-卡片,选择一个卡片样式,添加在编辑框中

把样式中原有的文字删除


点击选择左侧 样式栏-互动样式-弹幕样式,就可以添加在卡片里了


你也可以通过工具栏上最后一个HTML按钮修改文字,找到众多代码中的文字,修改成你需要的文字就可以了



3. 旋转弹幕

比如这样

👇


大师兄,师父被妖怪抓走了 二师兄,师父被妖怪抓走了 大师兄,师父刚才说的对啊

这个样式是弹幕样式的变形。


操作如下:


在左侧 样式栏-互动样式-弹幕样式 里,找到下图这个样式,添加在编辑器中


点击工具栏上最后一个的HTML按钮,进入代码编辑页面

把下图圈出来的数值改成0,就可以变成定点旋转


旋转跳跃我不停歇



还是在HTML的页面编辑,复制下图圈出来的代码


把这段代码粘在

(敲一下回车,粘贴就可以) 。需要几句,粘几次


这时候所有的字其实还重叠在一起,修改代码中from和to的数值,让文字分开


无意中还暴露了数学水平,因为两个数值的差必须是 360


老沙改成了:


再点击HTML,回到编辑页面,预览调整就可以了


你还可以这样


———— 大师兄,师父被妖怪抓走了 ———— 二师兄,师父被妖怪抓走了 ———— 大师兄,二师兄被妖怪抓走了 ———— 大师兄,二师兄和妖怪都被师父抓走了 ———— 二师兄,大师兄去找观影菩萨了 ———— 大师兄,二师兄说他回高老庄了 ———— 师父,你就饶了大师兄这一回吧 ———— 二师兄,大师兄让我们就在这里等他 ———— 师父,来,喝点水 ———— 大师兄,我留在这里照顾师父 ———— 师父,大师兄说得对! ———— 大师兄,二师兄说的对! ———— 师父,大师兄和二师兄说的对! ———— 放心吧,师父,大师兄会来救咱们的 ———— 大师兄,师父说的也是气话 ———— 二师兄,这就是你的不对了 ———— 师父,不能赶走大师兄啊 ———— 大师兄,师父和我在这里! ———— 二师兄,你就少说两句吧 ———— 妖怪!还我师父!!


或者这样


旋转跳跃我不停歇 旋转跳跃我不停歇 旋转跳跃我不停歇




京东金融 是这样玩的


~京东支付最高立减818 ~PLUS会员专享优惠价 ~招行小白卡享双倍积分 ~最高可领取4888积分


你可以用这样的方式,把奖品信息藏在旋转的文字中,用这种方式给读者发奖,太有创意了!



4. 弹幕+emoji

比如这样

👇

🚎 🚐 🚑 🚒 🚓 🚕 🚗 🚙 🚚 🚛 🚜

emoji在文章中的属性和文字一样,因此可以按照编辑文字的步骤来操作。


操作如下:


在左侧 样式栏-互动样式-弹幕样式 里,找到下图这个样式,添加在编辑器中


点击工具栏上最后一个HTML按钮,进入代码编辑模式


把代码中原有文字的部分删除,粘贴emoji就可以了


之前为大家介绍过emoji的其他玩法,和emoji网站的推荐,有兴趣的小伙伴点击这里: 和大V学排版——emoji篇


5. 弹幕基础教程

打开HTML编辑模式:


首先了解下代码中的主要信息:


rgb :更改弹幕文字颜色
font-size :字号大小(1em=16px)
弹幕开始/结束 :代表一条弹幕的全部信息包含在其中。
弹幕内容 :显示在弹幕中能看到的所有文字符号。
弹幕方向 :x代表左右飞行;y代表上下飞行。(可选择上下飞行的样式切换)
弹幕左右起始距离 :决定弹幕走的距离远近。
弹幕延迟 :决定这条弹幕出现在屏幕内的先后顺序。
弹幕速度 :决定弹幕的飞行速度。


修改内容效果:

修改弹幕起始距离:


默认的from="800" to="-400即为从右向左飞,如果from后面为负值,则反之,效果如下 (设置数值为from="-400" to="800)


全世界最好用的微信图文编辑器就是i排版,i排版,i排版啊


更改弹幕弹出顺序 (修改延迟数值)

下方三条弹幕延迟依次设为1s、2s、3s:

全世界最好用的微信图文编辑器就是i排版,i排版,i排版啊 微互动(wihudong)代表队发来贺电!!! 我要上电视,终于上电视了,o(≧v≦)o~~好棒







请到「今天看啥」查看全文