“选择题”样式(换色)教程

胖友们,早上好!

今天来讲一下昨天使用的“选择题”样式。

两点说明一下:①ABCD是可以点的,SVG样式,可以点击变色;②ABCD的颜色是可以更换的,在HTML模式可换点击后显示的颜色。

2017年文章排版全国统一测试题

科目:135编辑器【绝密】

|| 可以点击体验一下选择题样式 ||

样式中心已上三款选择题样式,胖友们可以根据下面的ID或者标签进行检索收藏使用。

1

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

ID:91494,选择题  SVG

动态SVG教育
135

2

1.下列选项哪些一个是正确的?
微信排版编辑就用135
微信排版编辑就用135
微信排版编辑就用135
微信排版编辑就用135
请点击选项选择正确答案

ID:91492,选择题  SVG

动态SVG教育
135

3

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

ID:91493,选择题  SVG

动态SVG教育
135

下面教教大家,如何修改并使用这些样式

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模式进行。然后直接修改红色内容就可以。(&nbsp;是空格的代码)

<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编辑器可以使用“同步”功能

对的

错的


(0)

相关推荐