135編輯器互動樣式大揭秘!還有隱藏小驚喜喲!
135編輯器互動樣式大揭秘!還有隱藏小驚喜喲!
胖友們大家好呀,我是三兒
上周五我們推了一篇文章
一鍵測試你是幾級漫威粉,這個樣式簡直是太神奇了!
大家對里面的答題樣式很感興趣
都在后臺給三兒留言
怎么使用答題樣式呢?
所以今天呢
三兒就給你們帶來了答題樣式大解析
文末還有驚喜福利喲!

上期的文章中,大家最關心的還是如何修改答題樣式,今天三兒就會一步一步的教你如何實現(xiàn)哦!
先來一道送分題
三兒是不是最好看的?
奪命三連來了
女友:你覺得我長發(fā)好看還是短發(fā)好看?
女友:Lisa和Marry誰比較好看?
女友:我今天有什么不一樣
怎么樣!是不是送命題
可是這種效果如何制作呢?
下面我們就來一起學習一下吧
超級簡單喲!

一、在135編輯器左側(cè)的搜索欄中搜索樣式ID:【94906】,或者搜索【答題】就可以找到三兒使用的答題樣式啦!

二、選擇答題樣式之后,我們點擊上方的HTML代碼編輯器功能,進入代碼編輯器頁面。

三、我們在代碼編輯器中找到如圖所示題目的位置,然后就可以進行修改問答的題目、選項以及點擊后的互動了。

四、正確答案的顏色一般是綠色,顏色代碼為:#2dca86。錯誤答案的顏色一般是紅色,顏色代碼為:#cb211b。



說完了答題樣式
我們還有另外一個黑科技樣式
你知道是什么嗎?
點擊下方空白區(qū)域查看答案
▼
今天三兒講代碼停不下來了!
順帶給大家教一下這個樣式如何使用吧
一、在編輯器中搜索【點擊】或者直接搜索ID【88350】,就可以找到三兒使用的隱藏樣式啦!

二、點擊使用后,我們在編輯框中就可以進行修改了,隱藏樣式內(nèi)可以添加文字或圖片。

三、添加內(nèi)容后,我們也可以根據(jù)需要調(diào)整隱藏樣式的高度。進入代碼編輯器,在代碼編輯器中找到【height】,將后面的數(shù)字修改為合適的高度就可以了。注意不要將后面的px刪除哦!

怎么樣,簡單三步就學會了黑科技樣式,是不是特別神奇,還等什么?趕緊去和小伙伴們炫耀起來吧!

好啦,以上就是本期教學的全部內(nèi)容了
是不是很 燒腦 簡單!
大家在修改代碼的時候注意不要刪錯代碼哦
不然的話三兒也救不了你了……
但是撤銷這個操作可以救你!
點擊邀請鏈接:http://m.qwer.com.cn/users/register/ddb12a17ce400c35fe041d275a578351 就可以加入135編輯器了哦,偷偷告訴大家(點擊該鏈接,還可以獲得7天VIP會員哦,一般人我不告訴,哈哈哈哈)
當然,你也可以自己加入。網(wǎng)址在這里:http://m.qwer.com.cn/效果是一樣的。通過我的邀請加入135編輯器,相當于是對我的一種幫助和鼓勵。我自己會因為你們的支持而獲得會員權限,可以享受會員的所有權益,像是新樣式可以免費使用,圖片保存數(shù)量從100提升到1000,個人模板從3個提升到無限制,云端草稿和恢復歷史版本可以無限次使用,文本校對從3次升到100次等等,所以還勞煩大家?guī)蛡€忙。
立即登錄














