乐于分享
好东西不私藏

135编辑器还能做选择题?

135编辑器还能做选择题?

选择题样式

ID:91493

【样式介绍】:在选择题中点击ABCD对应选项,通过不同色彩显示答案正误;或直接点击显示所有题目正确答案。

【以下样式均可使用本教程进行修改操作】:

ID91494;ID91492

【可调整参数】:标题与选项文字、文字与选项颜色

  选择题样式展示   
1.下列选项哪些一个是正确的?
微信排版编辑就用135
排版编辑135
稀有样式寻找就上135
135最全面的编辑器
请点击选项选择正确答案

ID:91493  

2.下列选项哪些一个是正确的?
AA
微信排版编辑就用135
BB
135编辑器在线排版美化工具
CC
135编辑器有超10w+的样式
DD
135编辑器简单易上手
请点击选项选择正确答案

ID:91492

1.王者荣耀中,最贵的鞋子是
AA
隐忍之足
BB
冷静之靴
CC
秘法之靴
DD
急速战靴
2.以下哪位英雄没有带有真实伤害效果的技能?
AA
张良
BB
项羽
CC
夏侯惇
DD
典韦
3.如果信誉积分<60,则本周金币上限
AA
-200
BB
-100
CC
-150
DD
-10000
点击查看正确答案1.  A2.  D3.  C

ID:91494  

  修改选择题样式(文字版)


由于编辑器升级了专业版,简化了部分svg样式的操作流程,使得修改svg样式大部分参数无需再通过html代码实现。本选择题样式所有参数都可通过动画设置调整。

将编辑器切换到专业版模式,点击样式区域弹出对话框,在【全局样式】中点击动画按钮,开始修改SVG样式参数。


 1.修改文字 

选择题样式无需通过动画设置修改文字,包括样式标题和样式选项,直接在编辑区域修改即可。

需要注意一点的是,为了避免样式发生乱码,在修改文字时请在蓝色子区域方框(见下图)中操作,不要误删圆圈或其他选项的内容,否则样式可能无法显示效果。

2.修改文字颜色

修改标题或者选项颜色可通过两种方式实现。

方法一:选择需要修改的文字(请注意一定要弹出蓝色子区域方框才可进行操作),通过编辑器上方的工具栏直接修改颜色。

方法二:选择需要修改的文字(请注意一定要弹出蓝色子区域方框才可进行操作),弹出文本菜单栏,在文本菜单栏中进行文字颜色的修改。

 
3.修改选项颜色


点击选择题样式弹出动画设置框后,可以看到有三个色彩更改选项。在修改SVG样式时,将鼠标放在任一色块上,右边的样式展示区都会有相应的闪动,以确认我们是否在进行正确参数的修改。

动画设置由点击前和点击后两种状态组成,图形代表了点击前的状态,图形动画代表了点击后的状态。

以91493这个样式为例:

【颜色】栏

对应的是圆圈线条在点击前的颜色,初始默认颜色为黑色。

举例,想要设置样式点击前的圆圈颜色为蓝色,则需要将所有【颜色】栏的黑色换成蓝色。

1.下列选项哪些一个是正确的?
微信排版编辑就用135
排版编辑135
稀有样式寻找就上135
135最全面的编辑器
请点击选项选择正确答案
【边框颜色】栏


对应的是
圆圈线条在点击后的颜色初始默认颜色为黑色。

举例,想要样式在点击选择后变成黄色圆圈,则需要将所有【边框颜色】栏的黑色换成黄色。

1.下列选项哪些一个是正确的?
微信排版编辑就用135
排版编辑135
稀有样式寻找就上135
135最全面的编辑器
请点击选项选择正确答案

(点击样式查看修改后的参数)

【填充颜色】栏


对应的是圆圈内的色彩,分为两种状态,样式展示时的色彩和点击选项后出现的色彩。点击前初始默认颜色为白色,点击后初始默认颜色为绿色。

(滑动查看点击前后颜色对比)


举例,1234四个选项中第三个选项是正确选项,其余选项均为错误选项,则需要在栏更改对应第三个选项的填充颜色栏(选为绿色),其他对应选项的填充颜色栏(选为红色)

1.下列选项哪些一个是正确的?
微信排版编辑就用135
排版编辑135
稀有样式寻找就上135
135最全面的编辑器
请点击选项选择正确答案


(点击样式查看修改后的参数)


注意事项 

虽然在样式ID91494;ID91492中,颜色更改规则有所不同,但只要能区分文字与文字动画的状态,即能套用教程。

下面通过视频操作来完整学习一遍选择题样式的修改流程吧~

   修改选择题样式(视频版)  

饭时间 –

想学排版却不知道从哪里下手?

面对SVG样式不会修改?

赶紧报名参加第七届排版训练营吧

长按识别上方二维码立即报名

·EN

文章排版由135编辑器提供技术支持

 ■ ■ 

本站文章均为手工撰写未经允许谢绝转载:夜雨聆风 » 135编辑器还能做选择题?

评论 抢沙发

5 + 8 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
×
订阅图标按钮