查看原文
其他

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

小三儿 135编辑器 2020-08-19

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

上周五我们推了一篇文章

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


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

都在后台给三儿留言

怎么使用答题样式呢?


所以今天呢

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

文末还有惊喜福利哟!

    


互动答题样式



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


先来一道送分题

   

01

三儿是不是最好看的?

那必须

选我

么么哒!肯定是

选我

真有眼光!



夺命三连来了


02

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

长发好看

选我

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

选我

那我长发不好看?

   


03

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

Lisa

选我

嗯???Marry

选我

你见过红色感叹号吗?



04

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

和昨天一样

选我

呵呵呵没啥不一样

选我

哦!



怎么样!是不是送命题

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

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

超级简单哟!


  

教程开始!



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




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




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

     



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






黑科技样式



说完了答题样式

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

你知道是什么吗?


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

                 

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



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

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

   


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


  

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




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


     


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




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

是不是很 烧脑 简单!

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

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

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


福利时间



你还想看到三儿出什么教程呢?

欢迎给三儿留言哦

我们会在23号中午12点

选取评论点赞最多的前三位

送上135编辑器15天会员体验哦!


不看后悔01

排版赏析丨天啊,这些排版也太美了吧!

02

功能上新丨一招教你快速找到错别字

03

基础教程丨如何快速熟悉135编辑器?




学会了,点这里!

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存