排版騷操作“點(diǎn)擊切換文字”教程

如果你想使用此樣式

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

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

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

看樣式案例

點(diǎn)我

這個(gè)樣式，在樣式中心搜索ID：91578

就可以收藏使用，搜索方式如下圖

1

樣式在編輯區(qū)域內(nèi)

千萬(wàn)！千萬(wàn)！千萬(wàn)！不要點(diǎn)擊！

在推送之前都不要點(diǎn)擊！

除非你用火狐瀏覽器

因?yàn)槟撤N限制

你點(diǎn)擊后的界面，復(fù)制到微信后

就會(huì)直接呈現(xiàn)到該界面！

而不是從頭開(kāi)始！所以不要點(diǎn)！

修改后復(fù)制微信后臺(tái)預(yù)覽

沒(méi)有錯(cuò)誤直接群發(fā)

下面教程：

直接點(diǎn)擊HTML進(jìn)入源代碼進(jìn)行修改

然后修改更換黑色文字即可

注意：樣式點(diǎn)擊切換的文字

HTML模式中是從底往上的

所以修改文字，也應(yīng)從底往上按順序修改

2

如果你覺(jué)得

你不需要那么多文字界面

或者想再多添加文字界面

請(qǐng)直接對(duì)這段代碼<g>......</g>

進(jìn)行刪除或者復(fù)制粘貼

Ctrl + C 復(fù)制

在</g>后面敲回車(chē)空行

Ctrl + V 粘貼

效果示例

3

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

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

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

效果示例

4

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

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

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

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

示例

5

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

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

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

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

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

Ctrl + C 復(fù)制

在</text>后面敲回車(chē)空行

Ctrl + V 粘貼

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

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

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

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

這時(shí)候

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

來(lái)進(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ǔ)上。拜謝！

我是小三兒

emmmmm

石樂(lè)志

135編輯器

公眾號(hào)圖文排版工具，文章編輯美化領(lǐng)導(dǎo)者。