135编辑器互动样式大揭秘!还有隐藏小惊喜哟!

135编辑器互动样式大揭秘!还有隐藏小惊喜哟!

胖友们大家好呀,我是三儿

上周五我们推了一篇文章

一键测试你是几级漫威粉,这个样式简直是太神奇了!


大家对里面的答题样式很感兴趣

都在后台给三儿留言

怎么使用答题样式呢?


所以今天呢

三儿就给你们带来了答题样式大解析

文末还有惊喜福利哟!

640    


grey.gif
互动答题样式



上期的文章中,大家最关心的还是如何修改答题样式,今天三儿就会一步一步的教你如何实现哦!    


先来一道送分题

   

01

三儿是不是最好看的?

那必须

选我

么么哒!
肯定是

选我

真有眼光!



夺命三连来了


02

女友:你觉得我长发好看还是短发好看?

长发好看

选我

那我短发不好看?
短发好看

选我

那我长发不好看?

   


03

女友:Lisa和Marry谁比较好看?

Lisa

选我

嗯???
Marry

选我

你见过红色感叹号吗?



04

女友:我今天有什么不一样

和昨天一样

选我

呵呵呵
没啥不一样

选我

哦!



怎么样!是不是送命题

可是这种效果如何制作呢?

下面我们就来一起学习一下吧

超级简单哟!


  

grey.gif
教程开始!



一、在135编辑器左侧的搜索栏中搜索样式ID:【94906】,或者搜索【答题】就可以找到三儿使用的答题样式啦!


grey.gif



二、选择答题样式之后,我们点击上方的HTML代码编辑器功能,进入代码编辑器页面。


grey.gif



三、我们在代码编辑器中找到如图所示题目的位置,然后就可以进行修改问答的题目、选项以及点击后的互动了。

     

grey.gif



四、正确答案的颜色一般是绿色,颜色代码为:#2dca86。错误答案的颜色一般是红色,颜色代码为:#cb211b。


grey.gif



grey.gif



grey.gif
黑科技样式



说完了答题样式

我们还有另外一个黑科技样式

你知道是什么吗?


点击下方空白区域查看答案

                 

「没错,就是隐藏样式!」 



今天三儿讲代码停不下来了!

顺带给大家教一下这个样式如何使用吧

   


一、在编辑器中搜索【点击】或者直接搜索ID【88350】,就可以找到三儿使用的隐藏样式啦!


grey.gif

  

二、点击使用后,我们在编辑框中就可以进行修改了,隐藏样式内可以添加文字或图片。


grey.gif



三、添加内容后,我们也可以根据需要调整隐藏样式的高度。进入代码编辑器,在代码编辑器中找到【height】,将后面的数字修改为合适的高度就可以了。注意不要将后面的px删除哦!


grey.gif

     


怎么样,简单三步就学会了黑科技样式,是不是特别神奇,还等什么?赶紧去和小伙伴们炫耀起来吧!


grey.gif



好啦,以上就是本期教学的全部内容了

是不是很 烧脑 简单!

大家在修改代码的时候注意不要删错代码哦

不然的话三儿也救不了你了……

但是撤销这个操作可以救你!


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

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




文章评价
登录后可以评论
立即登录