全網(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è)贊吧?



案例



頭疼?。?/text>明天發(fā)什么呀???啊啊啊閱讀量怎么還那么低?怎么沒人...get到我的點(diǎn)?。?/text>哎呀,這配圖真是絕了!下次推文就這么寫!這句話...我要是這么寫就好了!怎么只看見我的錯(cuò)誤啊?留言置頂更正一下吧!我記得...我明明寫的是對(duì)的呀!臥草,是有錯(cuò)別字嗎?到晚上...就應(yīng)該漲上來了吧?這篇文章的閱讀量不該這么低??!我先來贊一下帶帶頭吧!這么優(yōu)質(zhì)的留言怎么也沒人贊?難道是我文章寫的不好?怎么都不知道點(diǎn)贊???算了!權(quán)當(dāng)他說的對(duì)!我要精選這種留言嗎?這TM怎么互動(dòng)?。?/text>這都是什么留言???估計(jì)都在看文章吧!咦~怎么還沒人評(píng)論?不會(huì)沒群發(fā)成功吧!都推送了...我怎么還沒收到?最后預(yù)覽一遍就群發(fā)!文章應(yīng)該...不會(huì)有錯(cuò)別字了吧?點(diǎn)我吐槽


如果你想使用此樣式

需要你有恒心有耐心有毅力夠細(xì)心不生氣心態(tài)好眼神好愛學(xué)習(xí)



最好能夠做到“屢敗屢戰(zhàn)”!



不然,滑到最底,點(diǎn)個(gè)贊,退出吧。


狗蛋還記得你李叔叔么?大吉大利恭喜發(fā)財(cái)新年快樂我對(duì)你的新年祝福!(點(diǎn)擊查看)


這個(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 粘貼


效果示例

狗蛋還記得你李叔叔么?大吉大利恭喜發(fā)財(cái)恭喜發(fā)財(cái)恭喜發(fā)財(cái)新年快樂我對(duì)你的新年祝福!(點(diǎn)擊查看)




3


此樣式的點(diǎn)擊頁面是左右切換的

復(fù)制之后,需要對(duì)代碼進(jìn)行調(diào)整


即保證500和-500是交替出現(xiàn)的




效果示例

狗蛋還記得你李叔叔么?大吉大利恭喜發(fā)財(cái)(右)恭喜發(fā)財(cái)(左)恭喜發(fā)財(cái)(右)新年快樂我對(duì)你的新年祝福!(點(diǎn)擊查看)



4


再如果你發(fā)現(xiàn)


修改后的一行文字顯示不全


狗蛋還記得你李叔叔么?大吉大利恭喜發(fā)財(cái)啊啊啊啊啊你看不全哈哈哈哈哈我對(duì)你的新年祝福!(點(diǎn)擊查看)


那么你可以修改字號(hào)大小來調(diào)整


就是修改它font-size:30px;




示例


狗蛋還記得你李叔叔么?大吉大利恭喜發(fā)財(cái)啊啊啊啊啊你看不全哈哈哈哈哈我對(duì)你的新年祝福!(點(diǎn)擊查看)




5


如果你是強(qiáng)迫癥


想統(tǒng)一文字大小又想完整顯示

那么你可以直接復(fù)制這段代碼


<text.........>.....</text>


進(jìn)行復(fù)制粘貼



Ctrl + C 復(fù)制

在</text>后面敲回車空行

Ctrl + V 粘貼


但復(fù)制好之后會(huì)出現(xiàn)這樣一個(gè)情況


狗蛋還記得你李叔叔么?大吉大利重疊文字恭喜發(fā)財(cái)新年快樂我對(duì)你的新年祝福!(點(diǎn)擊查看)


當(dāng)不改變字體大小


將不同文字修改成兩行之后

又會(huì)發(fā)現(xiàn)位置有重疊


這時(shí)候


你可以調(diào)整<text中 y 的參數(shù)

來進(jìn)行美化





如果不改變字體大小

建議兩行文字的 y 值

分別為60、105即可



示例如下:


示例


狗蛋還記得你李叔叔么?大吉大利重疊文字恭喜發(fā)財(cái)新年快樂我對(duì)你的新年祝福!(點(diǎn)擊查看)





6


然后可以對(duì)字體大小、顏色進(jìn)行優(yōu)化


font-size:30px;修改字體大小

fill:"#333" 修改字體顏色




示例


狗蛋還記得你李叔叔么?大吉大利重疊文字恭喜發(fā)財(cái)新年快樂我對(duì)你的新年祝福!(點(diǎn)擊查看)




7


最后


整體示例如下:


請(qǐng)認(rèn)認(rèn)真真看教程就醬,筆芯不會(huì)?你,學(xué)會(huì)了嗎?font-size:30px;修改文字大小fill:#fff;修改文字顏色還有...調(diào)整文字行位置要修改y數(shù)值增加文字行數(shù)要復(fù)制粘貼text代碼要調(diào)整-500和500優(yōu)化頁面左右消失要復(fù)制粘貼g代碼增加文字點(diǎn)擊頁面可以直接修改替換源代碼中的黑色文字進(jìn)行內(nèi)容編輯要進(jìn)HTML模式千萬不要點(diǎn)擊這個(gè)樣式...



最最后一句話


教程足夠詳細(xì)

請(qǐng)各位上帝用戶認(rèn)真閱讀教程!


文中若有為完善地方,

評(píng)論區(qū)定會(huì)補(bǔ)上。拜謝!

文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
135筆記君資訊官
做你貼心的互聯(lián)網(wǎng)筆記本!
共1059篇文章
最近文章
更多
  • 【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ù)傳聞
比格設(shè)計(jì)
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營(yíng)銷、私域流量運(yùn)營(yíng)——站式營(yíng)銷管理平臺(tái)
推薦文章
用戶運(yùn)營(yíng)平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩暨\(yùn)營(yíng)中的用戶分層
內(nèi)容運(yùn)營(yíng):戴上寫作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢
一個(gè)案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個(gè)女孩子在抖音靠洗車也能月入過萬!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門素材樣式
運(yùn)營(yíng)導(dǎo)航
運(yùn)營(yíng)工具
分享到