135编辑器互动样式大揭秘!还有隐藏小惊喜哟!
胖友们大家好呀,我是三儿
上周五我们推了一篇文章
一键测试你是几级漫威粉,这个样式简直是太神奇了!
大家对里面的答题样式很感兴趣
都在后台给三儿留言
怎么使用答题样式呢?
所以今天呢
三儿就给你们带来了答题样式大解析
文末还有惊喜福利哟!
上期的文章中,大家最关心的还是如何修改答题样式,今天三儿就会一步一步的教你如何实现哦!
先来一道送分题
01
三儿是不是最好看的?
那必须选我
肯定是选我
夺命三连来了
女友:你觉得我长发好看还是短发好看?
长发好看选我
短发好看选我
女友:Lisa和Marry谁比较好看?
Lisa选我
Marry选我
女友:我今天有什么不一样
和昨天一样选我
没啥不一样选我
怎么样!是不是送命题
可是这种效果如何制作呢?
下面我们就来一起学习一下吧
超级简单哟!
一、在135编辑器左侧的搜索栏中搜索样式ID:【94906】,或者搜索【答题】就可以找到三儿使用的答题样式啦!
二、选择答题样式之后,我们点击上方的HTML代码编辑器功能,进入代码编辑器页面。
三、我们在代码编辑器中找到如图所示题目的位置,然后就可以进行修改问答的题目、选项以及点击后的互动了。
四、正确答案的颜色一般是绿色,颜色代码为:#2dca86。错误答案的颜色一般是红色,颜色代码为:#cb211b。
说完了答题样式
我们还有另外一个黑科技样式
你知道是什么吗?
点击下方空白区域查看答案
▼
「没错,就是隐藏样式!」
今天三儿讲代码停不下来了!
顺带给大家教一下这个样式如何使用吧
一、在编辑器中搜索【点击】或者直接搜索ID【88350】,就可以找到三儿使用的隐藏样式啦!
二、点击使用后,我们在编辑框中就可以进行修改了,隐藏样式内可以添加文字或图片。
三、添加内容后,我们也可以根据需要调整隐藏样式的高度。进入代码编辑器,在代码编辑器中找到【height】,将后面的数字修改为合适的高度就可以了。注意不要将后面的px删除哦!
怎么样,简单三步就学会了黑科技样式,是不是特别神奇,还等什么?赶紧去和小伙伴们炫耀起来吧!
好啦,以上就是本期教学的全部内容了
是不是很 烧脑 简单!
大家在修改代码的时候注意不要删错代码哦
不然的话三儿也救不了你了……
但是撤销这个操作可以救你!
你还想看到三儿出什么教程呢?
欢迎给三儿留言哦
我们会在23号中午12点
选取评论点赞最多的前三位
送上135编辑器15天会员体验哦!