全網(wǎng)首發(fā)的“點(diǎn)擊文字左右消失”的樣式是這么玩的!
騷操作你還不學(xué)?
其實(shí),關(guān)于這個(gè)樣式,135編輯器在全網(wǎng)首發(fā)之后,三兒就寫了教程,不過好多胖友還是陰差陽錯(cuò)沒看到這篇教程,所以今天再發(fā)一遍!
我為啥要說首發(fā)呢,因?yàn)槲覀兺瞥鲞@個(gè)樣式之后,標(biāo)明原創(chuàng)和申請(qǐng)了軟著保護(hù),奈何還是抵擋不了抄襲、剽竊還tm打原創(chuàng)的某某某,那emmmmm看我教程抄襲的時(shí)候能幫我點(diǎn)個(gè)贊吧?
案例
如果你想使用此樣式
需要你有恒心有耐心有毅力夠細(xì)心不生氣心態(tài)好眼神好愛學(xué)習(xí)
最好能夠做到“屢敗屢戰(zhàn)”!
不然,滑到最底,點(diǎn)個(gè)贊,退出吧。
這個(gè)樣式,在樣式中心搜索ID:91578
就可以收藏使用,搜索方式如下圖
1
樣式在編輯區(qū)域內(nèi)
千萬!千萬!千萬!不要點(diǎn)擊!
在推送之前都不要點(diǎn)擊!
除非你用火狐瀏覽器
因?yàn)槟撤N限制
你點(diǎn)擊后的界面,復(fù)制到微信后
就會(huì)直接呈現(xiàn)到該界面!
而不是從頭開始!所以不要點(diǎn)!
修改后復(fù)制微信后臺(tái)預(yù)覽
沒有錯(cuò)誤直接群發(fā)
下面教程:
直接點(diǎn)擊HTML進(jìn)入源代碼進(jìn)行修改
然后修改更換黑色文字即可
注意:樣式點(diǎn)擊切換的文字
HTML模式中是從底往上的
所以修改文字,也應(yīng)從底往上按順序修改
2
如果你覺得
你不需要那么多文字界面
或者想再多添加文字界面
請(qǐng)直接對(duì)這段代碼<g>......</g>
進(jìn)行刪除或者復(fù)制粘貼
Ctrl + C 復(fù)制
在</g>后面敲回車空行
Ctrl + V 粘貼
效果示例
3
此樣式的點(diǎn)擊頁面是左右切換的
復(fù)制之后,需要對(duì)代碼進(jìn)行調(diào)整
即保證500和-500是交替出現(xiàn)的
效果示例
4
再如果你發(fā)現(xiàn)
修改后的一行文字顯示不全
那么你可以修改字號(hào)大小來調(diào)整
就是修改它font-size:30px;
示例
5
如果你是強(qiáng)迫癥
想統(tǒng)一文字大小又想完整顯示
那么你可以直接復(fù)制這段代碼
<text.........>.....</text>
進(jìn)行復(fù)制粘貼
Ctrl + C 復(fù)制
在</text>后面敲回車空行
Ctrl + V 粘貼
但復(fù)制好之后會(huì)出現(xiàn)這樣一個(gè)情況
當(dāng)不改變字體大小
將不同文字修改成兩行之后
又會(huì)發(fā)現(xiàn)位置有重疊
這時(shí)候
你可以調(diào)整<text中 y 的參數(shù)
來進(jìn)行美化
如果不改變字體大小
建議兩行文字的 y 值
分別為60、105即可
示例如下:
示例
6
然后可以對(duì)字體大小、顏色進(jìn)行優(yōu)化
font-size:30px;修改字體大小
fill:"#333" 修改字體顏色
示例
7
最后
整體示例如下:
最最后一句話
教程足夠詳細(xì)
請(qǐng)各位上帝用戶認(rèn)真閱讀教程!
文中若有為完善地方,
評(píng)論區(qū)定會(huì)補(bǔ)上。拜謝!
立即登錄
- 【135早資訊】:視頻號(hào)小任務(wù)正式上線;拼多多將上線跨境電商平臺(tái)
- 【135早資訊】:特斯拉上海超級(jí)工廠第100萬輛整車下線;?微信聊天對(duì)話框支持放大編輯
- 【135早資訊】:北京發(fā)布國(guó)內(nèi)首個(gè)數(shù)字人產(chǎn)業(yè)專項(xiàng)支持政策;元宇宙招聘潮開啟
- 【135早資訊】:平安銀行零售條線降薪;蔚來李斌回應(yīng)手機(jī)業(yè)務(wù)傳聞