135编辑器互动样式大揭秘!还有隐藏小惊喜哟!
135编辑器互动样式大揭秘!还有隐藏小惊喜哟!
胖友们大家好呀,我是三儿
上周五我们推了一篇文章
一键测试你是几级漫威粉,这个样式简直是太神奇了!
大家对里面的答题样式很感兴趣
都在后台给三儿留言
怎么使用答题样式呢?
所以今天呢
三儿就给你们带来了答题样式大解析
文末还有惊喜福利哟!
上期的文章中,大家最关心的还是如何修改答题样式,今天三儿就会一步一步的教你如何实现哦!
先来一道送分题
三儿是不是最好看的?
夺命三连来了
女友:你觉得我长发好看还是短发好看?
女友:Lisa和Marry谁比较好看?
女友:我今天有什么不一样
怎么样!是不是送命题
可是这种效果如何制作呢?
下面我们就来一起学习一下吧
超级简单哟!
一、在135编辑器左侧的搜索栏中搜索样式ID:【94906】,或者搜索【答题】就可以找到三儿使用的答题样式啦!
二、选择答题样式之后,我们点击上方的HTML代码编辑器功能,进入代码编辑器页面。
三、我们在代码编辑器中找到如图所示题目的位置,然后就可以进行修改问答的题目、选项以及点击后的互动了。
四、正确答案的颜色一般是绿色,颜色代码为:#2dca86。错误答案的颜色一般是红色,颜色代码为:#cb211b。
说完了答题样式
我们还有另外一个黑科技样式
你知道是什么吗?
点击下方空白区域查看答案
▼
今天三儿讲代码停不下来了!
顺带给大家教一下这个样式如何使用吧
一、在编辑器中搜索【点击】或者直接搜索ID【88350】,就可以找到三儿使用的隐藏样式啦!
二、点击使用后,我们在编辑框中就可以进行修改了,隐藏样式内可以添加文字或图片。
三、添加内容后,我们也可以根据需要调整隐藏样式的高度。进入代码编辑器,在代码编辑器中找到【height】,将后面的数字修改为合适的高度就可以了。注意不要将后面的px删除哦!
怎么样,简单三步就学会了黑科技样式,是不是特别神奇,还等什么?赶紧去和小伙伴们炫耀起来吧!
好啦,以上就是本期教学的全部内容了
是不是很 烧脑 简单!
大家在修改代码的时候注意不要删错代码哦
不然的话三儿也救不了你了……
但是撤销这个操作可以救你!
点击邀请链接:http://www.135editor.com/users/register/ddb12a17ce400c35fe041d275a578351 就可以加入135编辑器了哦,偷偷告诉大家(点击该链接,还可以获得7天VIP会员哦,一般人我不告诉,哈哈哈哈)
当然,你也可以自己加入。网址在这里:https://www.135editor.com/效果是一样的。通过我的邀请加入135编辑器,相当于是对我的一种帮助和鼓励。我自己会因为你们的支持而获得会员权限,可以享受会员的所有权益,像是新样式可以免费使用,图片保存数量从100提升到1000,个人模板从3个提升到无限制,云端草稿和恢复历史版本可以无限次使用,文本校对从3次升到100次等等,所以还劳烦大家帮个忙。
立即登录