“選擇題”樣式(換色)教程(svg))
“選擇題”樣式(換色)教程
今天來135編輯器講一下最近朋友們使用比較頻繁的“選擇題”樣式換色教程。
兩點說明一下:①ABCD是可以點的,SVG樣式,可以點擊變色;②ABCD的顏色是可以更換的,在HTML模式可換點擊后顯示的顏色。
|| 可以點擊體驗一下選擇題樣式 ||
樣式中心已上三款選擇題樣式,胖友們可以根據(jù)下面的ID或者標簽進行檢索收藏使用。
1
ID:91494,選擇題 SVG
2
ID:91492,選擇題 SVG
3
ID:91493,選擇題 SVG
下面教教大家,如何修改并使用這些樣式
1、如何加長第一個選擇題樣式?
方法一:復制Ctrl+C同樣式中內(nèi)容,粘貼Ctrl+V,然后再對細節(jié)修改
方法二:添加單個選擇題樣式,然后再對細節(jié)修改
2、如何修改第一個和第二個選擇題樣式的ABCD顏色?
點擊 HTML 鍵進入html編輯模式
ABCD四個選項每個字母在HTML中會出現(xiàn)兩次,在第二處出現(xiàn)的代碼上方將f00改寫成0f0,此時,點擊后顯示紅色將變成綠色。
<text x="50%" y="22" height="30" style="color: rgb(12, 12, 12); text-anchor: middle; font-weight:bold;" font-size="16" fill="#333">
A
</text>
</g>
<g style="opacity:0;">
<text x="50%" y="22" height="30" style="color: rgb(12, 12, 12); text-anchor: middle; font-weight:bold;" font-size="16" fill="#f00">
A
</text>
3、如何修改一樣式的“點擊查看正確答案”?
首先這是一個點擊顯示的樣式,內(nèi)容修改需在HTML模式進行。然后直接修改紅色內(nèi)容就可以。( ;是空格的代碼)
<text x="10" y="25" height="30">
1. A
</text>
<text x="10" y="50" height="30">
2. D
</text>
<text x="10" y="75" height="30">
3. C
</text>
如果需要添加新的一行,直接復制<text ......</text>這段代碼,添加在后面,并將y的數(shù)值+25即可。
4、如何修改三樣式點擊顯示的顏色?
同樣在HTML中修改,在每個選項的前面,找到下面這段代碼
<circle fill="#fff" stroke="#231815" stroke-width="2" cx="14" cy="14" r="8"></circle>
</g>
<g style="opacity:0;">
<circle fill="#0f0" stroke="#231815" stroke-width="2" cx="14" cy="14" r="8"></circle>
將0f0換成f00,此時,點擊后顯示綠色將變成紅色。
此樣式可以作為判斷題樣式來使用。
樣式使用示例
一、單選題:本大題共1小題,每小題2分,共2分,每小題給出的四個選項中,只有一個是正確的,直接點擊選項,完成作答
1.關(guān)于135編輯器,說法錯誤的是?
盡量使用非IE核瀏覽器
升級瀏覽器最新Flash插件
可以使用系統(tǒng)自帶IE瀏覽器
推薦360安全、獵豹、谷歌瀏覽器
二、多選題:本大題共1小題,每小題2分,共2分,每小題給出的四個選項中,至少有一個是正確的,直接點擊選項,完成作答
2.關(guān)于135編輯器,說法正確的是?
一鍵排版可以快速完成排版工作
模板定制有利于打造公眾號風格
135編輯器無法定時群發(fā)
同步功能可減少排版出現(xiàn)錯誤
三、判斷題:本大題共1小題,每小題2分,共2分,每小題給出的兩個選項中,只有一個是正確的,直接點擊選項,完成作答
3.公眾號授權(quán)135編輯器可以使用“同步”功能
對的
錯的
本文首發(fā)樣式由135編輯器原創(chuàng)設(shè)計,已申請軟著保護,禁止任何編輯器、編輯插件以任何形式洗稿、抄襲。歡迎企業(yè)、個人在135編輯器樣式中心收藏使用。
點擊邀請鏈接:http://serialka.com/users/register/ddb12a17ce400c35fe041d275a578351 就可以加入135編輯器了哦,偷偷告訴大家(點擊該鏈接,還可以獲得7天VIP會員哦,一般人我不告訴,哈哈哈哈)
當然,你也可以自己加入。網(wǎng)址在這里:http://serialka.com/效果是一樣的。通過我的邀請加入135編輯器,相當于是對我的一種幫助和鼓勵。我自己會因為你們的支持而獲得會員權(quán)限,可以享受會員的所有權(quán)益,像是新樣式可以免費使用,圖片保存數(shù)量從100提升到1000,個人模板從3個提升到無限制,云端草稿和恢復歷史版本可以無限次使用,文本校對從3次升到100次等等,所以還勞煩大家?guī)蛡€忙。
立即登錄