公众号编辑器制作问答SVG选择题样式教程
在选择题中点击对应选项,通过不同色彩显示答案正误;可以在下面加入隐藏样式放入正确答案。
考试/答题/选择题样式
说 明
本教程适用于:ID94907、94905、94908、95909、98716、91720
本样式支持专业版菜单栏【动画】、HTML代码调整。部分样式支持秒刷。
【可调整参数】:标题与选项文字、文字与选项颜色。
使用此类样式需要将文章同步到公众号(查看如何授权公众号同步文章)
什么是答题/选择题样式?
在选择题中点击对应选项,通过不同色彩显示答案正误;可以在下面加入隐藏样式放入正确答案。
如何修改文字内容
由于编辑器升级了专业版,简化了部分svg样式的操作流程,使得修改svg样式大部分参数无需再通过html代码实现。本选择题样式所有参数都可通过动画设置调整。
将编辑器切换到专业版模式,点击样式区域弹出对话框,在【全局样式】中点击动画按钮,开始修改SVG样式参数。
1.修改标题文字颜色
修改标题或颜色可通过两种方式实现。
方法一:选择需要修改的文字(请注意一定要弹出蓝色子区域方框才可进行操作),通过编辑器上方的工具栏直接修改颜色。
方法二:选中需要修改的文字(请注意一定要弹出蓝色子区域方框才可进行操作),弹出文本菜单栏,在文本菜单栏中进行文字颜色的修改。
2.修改选项颜色
点击选择题样式,选择专业版编辑器菜单中的『动画』按钮,进入到『动画』编辑界面。
在这里,我们可以对整个答题样式进行修改。包括标题,按钮的选项及显示的内容。
为了方便操作,部分答题样式被分为了上下两个部分,大家别忘了也要将下方的内容一起修改。
这里需要注意的是,我们将正确与错误的显示卡作成了图片,大家在使用时需要注意保存一下图片的链接。
例如:
四个选项中第三个选项是正确选项,其余选项均为错误选项,则需要在更改对应第一个选项的颜色栏(使用绿色的图片链接),其他对应选项的填充颜色栏(使用红色的图片链接)。
王者荣耀中,最贵的鞋子是
(点击样式查看修改后的效果)
这款选择题样式的修改方式也类似,使用动画面板可以非常方便地修改选项及问题!
立即登录