公眾號(hào)編輯器制作問(wèn)答SVG選擇題樣式教程
在選擇題中點(diǎn)擊對(duì)應(yīng)選項(xiàng),通過(guò)不同色彩顯示答案正誤;可以在下面加入隱藏樣式放入正確答案。
考試/答題/選擇題樣式
說(shuō) 明
本教程適用于:ID94907、94905、94908、95909、98716、91720
本樣式支持專(zhuān)業(yè)版菜單欄【動(dòng)畫(huà)】、HTML代碼調(diào)整。部分樣式支持秒刷。
【可調(diào)整參數(shù)】:標(biāo)題與選項(xiàng)文字、文字與選項(xiàng)顏色。
使用此類(lèi)樣式需要將文章同步到公眾號(hào)(查看如何授權(quán)公眾號(hào)同步文章)
什么是答題/選擇題樣式?
在選擇題中點(diǎn)擊對(duì)應(yīng)選項(xiàng),通過(guò)不同色彩顯示答案正誤;可以在下面加入隱藏樣式放入正確答案。
如何修改文字內(nèi)容
由于編輯器升級(jí)了專(zhuān)業(yè)版,簡(jiǎn)化了部分svg樣式的操作流程,使得修改svg樣式大部分參數(shù)無(wú)需再通過(guò)html代碼實(shí)現(xiàn)。本選擇題樣式所有參數(shù)都可通過(guò)動(dòng)畫(huà)設(shè)置調(diào)整。
將編輯器切換到專(zhuān)業(yè)版模式,點(diǎn)擊樣式區(qū)域彈出對(duì)話框,在【全局樣式】中點(diǎn)擊動(dòng)畫(huà)按鈕,開(kāi)始修改SVG樣式參數(shù)。
1.修改標(biāo)題文字顏色
修改標(biāo)題或顏色可通過(guò)兩種方式實(shí)現(xiàn)。
方法一:選擇需要修改的文字(請(qǐng)注意一定要彈出藍(lán)色子區(qū)域方框才可進(jìn)行操作),通過(guò)編輯器上方的工具欄直接修改顏色。
方法二:選中需要修改的文字(請(qǐng)注意一定要彈出藍(lán)色子區(qū)域方框才可進(jìn)行操作),彈出文本菜單欄,在文本菜單欄中進(jìn)行文字顏色的修改。
2.修改選項(xiàng)顏色
點(diǎn)擊選擇題樣式,選擇專(zhuān)業(yè)版編輯器菜單中的『動(dòng)畫(huà)』按鈕,進(jìn)入到『動(dòng)畫(huà)』編輯界面。
在這里,我們可以對(duì)整個(gè)答題樣式進(jìn)行修改。包括標(biāo)題,按鈕的選項(xiàng)及顯示的內(nèi)容。
為了方便操作,部分答題樣式被分為了上下兩個(gè)部分,大家別忘了也要將下方的內(nèi)容一起修改。
這里需要注意的是,我們將正確與錯(cuò)誤的顯示卡作成了圖片,大家在使用時(shí)需要注意保存一下圖片的鏈接。
例如:
四個(gè)選項(xiàng)中第三個(gè)選項(xiàng)是正確選項(xiàng),其余選項(xiàng)均為錯(cuò)誤選項(xiàng),則需要在更改對(duì)應(yīng)第一個(gè)選項(xiàng)的顏色欄(使用綠色的圖片鏈接),其他對(duì)應(yīng)選項(xiàng)的填充顏色欄(使用紅色的圖片鏈接)。
王者榮耀中,最貴的鞋子是
(點(diǎn)擊樣式查看修改后的效果)
這款選擇題樣式的修改方式也類(lèi)似,使用動(dòng)畫(huà)面板可以非常方便地修改選項(xiàng)及問(wèn)題!
立即登錄