专栏名称: i排版
提供简洁优雅的排版工具,提高排版效率,让读者享受阅读。
目录
相关文章推荐
阿尔法工场研究院  ·  雷克萨斯承诺“销量超3万就国产”,13年后终于落实 ·  昨天  
运营研究社  ·  《小红书种草与转化实战手册》包邮送,真香! ·  2 天前  
阿尔法工场研究院  ·  纽约大力度“吸金”,伦敦已经买不到黄金了 ·  2 天前  
人生资本论  ·  罕见硬刚!中国退无可退,历史性开打启动 ·  2 天前  
并购优塾产业链地图  ·  【研讨会】3月14-16日,并购六条重大机遇 ... ·  4 天前  
51好读  ›  专栏  ›  i排版

【大转盘】【文字大风车】黑科技样式操作教程

i排版  · 公众号  ·  · 2017-12-26 08:40

正文

昨天老沙为大家展示了会员可以免费使用的黑科技样式:

谢谢参与 三等奖 谢谢参与 二等奖 三等奖 将截图发送给沙师弟领取会员 二等奖 一等奖


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


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


下面为大家介绍一下操作方式。


【大转盘】和【文字大风车】样式的操作步骤类似,下面为大家介绍修改方式,包括以下几个方面:


1. 如何修改转盘颜色

2. 如何修改转盘内文字

3. 如何修改转盘指向

4. 如何修改文字大风车内的文字

5. 如何修改文字大风车的旋转



击i排版编辑器(iPaiban.com)左侧样式分类中【黑科技】样式,选中【大转盘】,添加在编辑框中。


点击工具栏上的HTML按钮,进入代码修改页面,可以根据代码注释来进行调整。


所有可以修改的部分都用汉字进行了标注。


1. 如何修改转盘颜色


找到代码中文字标注的修改位置,修改标注文字前的代码中的颜色即可。转盘边框、绿色区域、蓝色区域均可修改。这一部分代码位置较为集中,方便操作。



2. 如何修改转盘内文字


转盘的小格中均添加了数字序号,根据序号来查找修改,就方便多了。可以修改文字颜色、字号、文字内容。要注意的是,文字内容不宜过多。如果要添加较多文字,要同时减小字号。


3. 如何修改转盘指向


转盘指向无法修改,可以在模板文字中看到【点击后默认值向】,也就是说所有用户转动转盘看到的内容都是一样的。


文字大转盘的修改也要在HTML页面进行,以三行文字为例:


4. 如何修改文字


找到代码中文字标注的修改位置,根据注释修改文字颜色、大小和文字内容。

5. 如何修改转盘


在修改文字的下方,可以看到修改文字动效的代码,可以根据注释修改dur和repeatcount的数值。


dur表示文字旋转1圈需要的时间,以s(秒)为单位;repeatcount表示旋转的圈数,直接在引号中填写数字。


需要注意的是,最好保持左右文字旋转效果的一致,也就是说,如果你修改dur的数值,在3条文字大风车中就要修改3次。


修改完成后可以使用i排版右侧菜单栏中【微信同步】,同步到公众平台,方便快捷,还可以同时生成短网址和对应的二维码。





把你的创意排版发给沙师弟,一经采用可以获得i排版高级会员哦!


这次项目的具体执行是由我们的合作伙伴 国梁团队 完成的,下面是他们的信息:







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