“选择题”样式(换色)教程
胖友们,早上好!
今天来讲一下昨天使用的“选择题”样式。
两点说明一下:①ABCD是可以点的,SVG样式,可以点击变色;②ABCD的颜色是可以更换的,在HTML模式可换点击后显示的颜色。
|| 可以点击体验一下选择题样式 ||
样式中心已上三款选择题样式,胖友们可以根据下面的ID或者标签进行检索收藏使用。
1
ID:91494,选择题 SVG
2
ID:91492,选择题 SVG
3
ID:91493,选择题 SVG
下面教教大家,如何修改并使用这些样式
1、如何加长第一个选择题样式?
方法一:复制Ctrl C同样式中内容,粘贴Ctrl V,然后再对细节修改
方法二:添加单个选择题样式,然后再对细节修改
2、如何修改第一个和第二个选择题样式的ABCD颜色?
点击 HTML 键进入html编辑模式
ABCD四个选项每个字母在HTML中会出现两次,在第二处出现的代码上方将f00改写成0f0,此时,点击后显示红色将变成绿色。
<text x='50%' y='22' height='30' style='color: rgb(12, 12, 12); text-anchor: middle; font-weight:bold;' font-size='16' fill='#333'>
A
</text>
</g>
<g style='opacity:0;'>
<text x='50%' y='22' height='30' style='color: rgb(12, 12, 12); text-anchor: middle; font-weight:bold;' font-size='16' fill='#f00'>
A
</text>
3、如何修改一样式的“点击查看正确答案”?
首先这是一个点击显示的样式,内容修改需在HTML模式进行。然后直接修改红色内容就可以。( ;是空格的代码)
<text x='10' y='25' height='30'>
1. A
</text>
<text x='10' y='50' height='30'>
2. D
</text>
<text x='10' y='75' height='30'>
3. C
</text>
如果需要添加新的一行,直接复制<text ......</text>这段代码,添加在后面,并将y的数值 25即可。
4、如何修改三样式点击显示的颜色?
同样在HTML中修改,在每个选项的前面,找到下面这段代码
<circle fill='#fff' stroke='#231815' stroke-width='2' cx='14' cy='14' r='8'></circle>
</g>
<g style='opacity:0;'>
<circle fill='#0f0' stroke='#231815' stroke-width='2' cx='14' cy='14' r='8'></circle>
将0f0换成f00,此时,点击后显示绿色将变成红色。
此样式可以作为判断题样式来使用。
样式使用示例
一、单选题:本大题共1小题,每小题2分,共2分,每小题给出的四个选项中,只有一个是正确的,直接点击选项,完成作答
1.关于135编辑器,说法错误的是?
尽量使用非IE核浏览器
升级浏览器最新Flash插件
可以使用系统自带IE浏览器
推荐360安全、猎豹、谷歌浏览器
二、多选题:本大题共1小题,每小题2分,共2分,每小题给出的四个选项中,至少有一个是正确的,直接点击选项,完成作答
2.关于135编辑器,说法正确的是?
一键排版可以快速完成排版工作
模板定制有利于打造公众号风格
135编辑器无法定时群发
同步功能可减少排版出现错误
三、判断题:本大题共1小题,每小题2分,共2分,每小题给出的两个选项中,只有一个是正确的,直接点击选项,完成作答
3.公众号授权135编辑器可以使用“同步”功能
对的
错的