微信排版還能做選擇題?
微信排版還能做選擇題?
選擇題樣式
ID:91493
【樣式介紹】:在選擇題中點(diǎn)擊ABCD對(duì)應(yīng)選項(xiàng),通過不同色彩顯示答案正誤;或直接點(diǎn)擊顯示所有題目正確答案。
【以下樣式均可使用本教程進(jìn)行修改操作】:
ID91494;ID91492
【可調(diào)整參數(shù)】:標(biāo)題與選項(xiàng)文字、文字與選項(xiàng)顏色。
ID:91493
ID:91492
ID:91494
由于編輯器升級(jí)了專業(yè)版,簡(jiǎn)化了部分svg樣式的操作流程,使得修改svg樣式大部分參數(shù)無需再通過html代碼實(shí)現(xiàn)。本選擇題樣式所有參數(shù)都可通過動(dòng)畫設(shè)置調(diào)整。
將編輯器切換到專業(yè)版模式,點(diǎn)擊樣式區(qū)域彈出對(duì)話框,在【全局樣式】中點(diǎn)擊動(dòng)畫按鈕,開始修改SVG樣式參數(shù)。
1.修改文字
選擇題樣式無需通過動(dòng)畫設(shè)置修改文字,包括樣式標(biāo)題和樣式選項(xiàng),直接在編輯區(qū)域修改即可。
需要注意一點(diǎn)的是,為了避免樣式發(fā)生亂碼,在修改文字時(shí)請(qǐng)?jiān)?span style="max-inline-size: 100%; margin: 0px; padding: 0px; letter-spacing: 2px; text-align: justify; caret-color: red; font-size: 14px; color: #548dd4; font-family: Helvetica, Arial, sans-serif;">藍(lán)色子區(qū)域方框(見下圖)中操作,不要誤刪圓圈或其他選項(xiàng)的內(nèi)容,否則樣式可能無法顯示效果。
2.修改文字顏色
修改標(biāo)題或者選項(xiàng)顏色可通過兩種方式實(shí)現(xiàn)。
方法一:選擇需要修改的文字(請(qǐng)注意一定要彈出藍(lán)色子區(qū)域方框才可進(jìn)行操作),通過編輯器上方的工具欄直接修改顏色。
方法二:選擇需要修改的文字(請(qǐng)注意一定要彈出藍(lán)色子區(qū)域方框才可進(jìn)行操作),彈出文本菜單欄,在文本菜單欄中進(jìn)行文字顏色的修改。
3.修改選項(xiàng)顏色
點(diǎn)擊選擇題樣式彈出動(dòng)畫設(shè)置框后,可以看到有三個(gè)色彩更改選項(xiàng)。在修改SVG樣式時(shí),將鼠標(biāo)放在任一色塊上,右邊的樣式展示區(qū)都會(huì)有相應(yīng)的閃動(dòng),以確認(rèn)我們是否在進(jìn)行正確參數(shù)的修改。
動(dòng)畫設(shè)置由點(diǎn)擊前和點(diǎn)擊后兩種狀態(tài)組成,圖形代表了點(diǎn)擊前的狀態(tài),圖形動(dòng)畫代表了點(diǎn)擊后的狀態(tài)。
以91493這個(gè)樣式為例:
對(duì)應(yīng)的是圓圈線條在點(diǎn)擊前的顏色,初始默認(rèn)顏色為黑色。
舉例,想要設(shè)置樣式點(diǎn)擊前的圓圈顏色為藍(lán)色,則需要將所有【顏色】欄的黑色換成藍(lán)色。
對(duì)應(yīng)的是圓圈線條在點(diǎn)擊后的顏色,初始默認(rèn)顏色為黑色。
舉例,想要樣式在點(diǎn)擊選擇后變成黃色圓圈,則需要將所有【邊框顏色】欄的黑色換成黃色。
(點(diǎn)擊樣式查看修改后的參數(shù))
對(duì)應(yīng)的是圓圈內(nèi)的色彩,分為兩種狀態(tài),樣式展示時(shí)的色彩和點(diǎn)擊選項(xiàng)后出現(xiàn)的色彩。點(diǎn)擊前初始默認(rèn)顏色為白色,點(diǎn)擊后初始默認(rèn)顏色為綠色。
(滑動(dòng)查看點(diǎn)擊前后顏色對(duì)比)
舉例,1234四個(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)擊樣式查看修改后的參數(shù))
注意事項(xiàng)
雖然在樣式ID91494;ID91492中,顏色更改規(guī)則有所不同,但只要能區(qū)分文字與文字動(dòng)畫的狀態(tài),即能套用教程。
下面通過視頻操作來完整學(xué)習(xí)一遍選擇題樣式的修改流程吧~
- 恰飯時(shí)間 -
想學(xué)排版卻不知道從哪里下手?
面對(duì)SVG樣式不會(huì)修改?
趕緊報(bào)名參加第七屆排版訓(xùn)練營(yíng)吧
長(zhǎng)按識(shí)別上方二維碼立即報(bào)名
親愛的小伙伴,我正在使用一款非常好用的微信編輯器,素材豐富更新快,操作便捷易上手,你也來試試吧!通過下方鏈接使用手機(jī)注冊(cè)不僅可得7天VIP會(huì)員,還可以贏取價(jià)值2099元的華為M5平板哦。https://www.135plat.com/users/invite/fcf328b736097949efe861dbeeb99d26
立即登錄
- 知乎熱議:微信公眾號(hào)如何快速漲粉?
- 0基礎(chǔ)運(yùn)營(yíng)小白學(xué)習(xí)什么新媒體課程比較好?
- 新媒體,自媒體新人必學(xué)的課程有哪些?
- 不懂就問:新媒體運(yùn)營(yíng)應(yīng)該怎樣學(xué)習(xí)?