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

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

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

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

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教育
135


2

1.下列选项哪些一个是正确的?
AA
微信排版编辑就用135
BB
微信排版编辑就用135
CC
微信排版编辑就用135
DD
微信排版编辑就用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.&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即可。


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编辑器,说法错误的是?

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编辑器样式中心收藏使用。


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

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



文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
我只想做你的太阳资深编辑
一步一步努力向上!
共911篇文章
最近文章
更多
  • 知乎热议:微信公众号如何快速涨粉?
  • 0基础运营小白学习什么新媒体课程比较好?
  • 新媒体,自媒体新人必学的课程有哪些?
  • 不懂就问:新媒体运营应该怎样学习?
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
比格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
高价值社群的5大核心关键
抖音账号内容自检清单!
决定离职后,3天拿到offer的总结与反思!
【135早资讯】:教育部将彻查教材插图问题;抖音6月1日起将对本地生活商家收取服务费
热门素材样式
运营导航
运营工具
分享到