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

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

今天来135编辑器讲一下最近朋友们使用比较频繁的“选择题”样式换色教程

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

0?wx_fmt=jpeg

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

科目:135编辑器【绝密】

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



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

1

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教育
grey.gif
135


2

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

ID:91492,选择题  SVG

动态SVG教育
grey.gif
135


3

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

ID:91493,选择题  SVG

动态SVG教育
grey.gif
135



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

1、如何加长第一个选择题样式?

方法一:复制Ctrl+C同样式中内容,粘贴Ctrl+V,然后再对细节修改

grey.gif

方法二:添加单个选择题样式,然后再对细节修改

grey.gif


2、如何修改第一个和第二个选择题样式的ABCD颜色?

点击 HTML 键进入html编辑模式

grey.gif

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.&nbsp;&nbsp;A

</text>

<text x="10" y="50" height="30">

2.&nbsp;&nbsp;D

</text>

<text x="10" y="75" height="30">

3.&nbsp;&nbsp;C

</text>

如果需要添加新的一行,直接复制<text ......</text>这段代码,添加在后面,并将y的数值+25即可。

grey.gif


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,此时,点击后显示绿色将变成红色。

grey.gif

此样式可以作为判断题样式来使用。



样式使用示例

一、单选题:本大题共1小题,每小题2分,共2分,每小题给出的四个选项中,只有一个是正确的,直接点击选项,完成作答


1.关于135编辑器,说法错误的是?

AA

尽量使用非IE核浏览器

BB

升级浏览器最新Flash插件

CC

可以使用系统自带IE浏览器

DD

推荐360安全、猎豹、谷歌浏览器


二、多选题:本大题共1小题,每小题2分,共2分,每小题给出的四个选项中,至少有一个是正确的,直接点击选项,完成作答


2.关于135编辑器,说法正确的是?

AA

一键排版可以快速完成排版工作

BB

模板定制有利于打造公众号风格

CC

135编辑器无法定时群发

DD

同步功能可减少排版出现错误


三、判断题:本大题共1小题,每小题2分,共2分,每小题给出的两个选项中,只有一个是正确的,直接点击选项,完成作答


3.公众号授权135编辑器可以使用“同步”功能

对的

错的


点击查看正确答案一、单选题:1.C二、多选题:2.ABD三、判断题:3.对的



本文首发样式由135编辑器原创设计,已申请软著保护,禁止任何编辑器、编辑插件以任何形式洗稿、抄袭。欢迎企业、个人在135编辑器样式中心收藏使用。


点击邀请链接:http://www.135editor.com/users/register/ddb12a17ce400c35fe041d275a578351 就可以加入135编辑器了哦,偷偷告诉大家(点击该链接,还可以获得7天VIP会员哦,一般人我不告诉,哈哈哈哈)

当然,你也可以自己加入。网址在这里:https://www.135editor.com/效果是一样的。通过我的邀请加入135编辑器,相当于是对我的一种帮助和鼓励。我自己会因为你们的支持而获得会员权限,可以享受会员的所有权益,像是新样式可以免费使用,图片保存数量从100提升到1000,个人模板从3个提升到无限制,云端草稿和恢复历史版本可以无限次使用,文本校对从3次升到100次等等,所以还劳烦大家帮个忙。



文章评价
登录后可以评论
立即登录
我只想做你的太阳资深编辑
一步一步努力向上!
共354篇文章
最近文章
更多
  • 文字渐变色让你的微信排版时尚,时尚,更时尚!
  • 冬季微信排版怎么排?135编辑器教你!
  • 排版改造家丨我对佛许愿:“我想要十万+”
  • 投稿赚钱这么简单的事,99%的人都不知道!