全网首发的“点击文字左右消失”的样式是这么玩的!

骚操作你还不学?

其实,关于这个样式,135编辑器在全网首发之后,三儿就写了教程,不过好多胖友还是阴差阳错没看到这篇教程,所以今天再发一遍!


我为啥要说首发呢,因为我们推出这个样式之后,标明原创和申请了软著保护,奈何还是抵挡不了抄袭、剽窃还tm打原创的某某某,那emmmmm看我教程抄袭的时候能帮我点个赞吧?



案例



头疼!!明天发什么呀???啊啊啊阅读量怎么还那么低?怎么没人...get到我的点啊?哎呀,这配图真是绝了!下次推文就这么写!这句话...我要是这么写就好了!怎么只看见我的错误啊?留言置顶更正一下吧!我记得...我明明写的是对的呀!卧草,是有错别字吗?到晚上...就应该涨上来了吧?这篇文章的阅读量不该这么低啊!我先来赞一下带带头吧!这么优质的留言怎么也没人赞?难道是我文章写的不好?怎么都不知道点赞啊?算了!权当他说的对!我要精选这种留言吗?这TM怎么互动啊?这都是什么留言啊?估计都在看文章吧!咦~怎么还没人评论?不会没群发成功吧!都推送了...我怎么还没收到?最后预览一遍就群发!文章应该...不会有错别字了吧?点我吐槽


如果你想使用此样式

需要你有恒心有耐心有毅力够细心不生气心态好眼神好爱学习



最好能够做到“屡败屡战”!



不然,滑到最底,点个赞,退出吧。


狗蛋还记得你李叔叔么?大吉大利恭喜发财新年快乐我对你的新年祝福!(点击查看)


这个样式,在样式中心搜索ID:91578


就可以收藏使用,搜索方式如下图






1


样式在编辑区域内


千万!千万!千万!不要点击!


在推送之前都不要点击!

除非你用火狐浏览器



因为某种限制


你点击后的界面,复制到微信后

就会直接呈现到该界面!


而不是从头开始!所以不要点!

修改后复制微信后台预览

没有错误直接群发


下面教程:


直接点击HTML进入源代码进行修改





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


注意:样式点击切换的文字

HTML模式中是从底往上的

所以修改文字,也应从底往上按顺序修改




2


如果你觉得

你不需要那么多文字界面

或者想再多添加文字界面


请直接对这段代码<g>......</g>

进行删除或者复制粘贴



Ctrl + C 复制

在</g>后面敲回车空行

Ctrl + V 粘贴


效果示例

狗蛋还记得你李叔叔么?大吉大利恭喜发财恭喜发财恭喜发财新年快乐我对你的新年祝福!(点击查看)




3


此样式的点击页面是左右切换的

复制之后,需要对代码进行调整


即保证500和-500是交替出现的




效果示例

狗蛋还记得你李叔叔么?大吉大利恭喜发财(右)恭喜发财(左)恭喜发财(右)新年快乐我对你的新年祝福!(点击查看)



4


再如果你发现


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


狗蛋还记得你李叔叔么?大吉大利恭喜发财啊啊啊啊啊你看不全哈哈哈哈哈我对你的新年祝福!(点击查看)


那么你可以修改字号大小来调整


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




示例


狗蛋还记得你李叔叔么?大吉大利恭喜发财啊啊啊啊啊你看不全哈哈哈哈哈我对你的新年祝福!(点击查看)




5


如果你是强迫症


想统一文字大小又想完整显示

那么你可以直接复制这段代码


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


进行复制粘贴



Ctrl + C 复制

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

Ctrl + V 粘贴


但复制好之后会出现这样一个情况


狗蛋还记得你李叔叔么?大吉大利重叠文字恭喜发财新年快乐我对你的新年祝福!(点击查看)


当不改变字体大小


将不同文字修改成两行之后

又会发现位置有重叠


这时候


你可以调整<text中 y 的参数

来进行美化





如果不改变字体大小

建议两行文字的 y 值

分别为60、105即可



示例如下:


示例


狗蛋还记得你李叔叔么?大吉大利重叠文字恭喜发财新年快乐我对你的新年祝福!(点击查看)





6


然后可以对字体大小、颜色进行优化


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

fill:"#333" 修改字体颜色




示例


狗蛋还记得你李叔叔么?大吉大利重叠文字恭喜发财新年快乐我对你的新年祝福!(点击查看)




7


最后


整体示例如下:


请认认真真看教程就酱,笔芯不会?你,学会了吗?font-size:30px;修改文字大小fill:#fff;修改文字颜色还有...调整文字行位置要修改y数值增加文字行数要复制粘贴text代码要调整-500和500优化页面左右消失要复制粘贴g代码增加文字点击页面可以直接修改替换源代码中的黑色文字进行内容编辑要进HTML模式千万不要点击这个样式...



最最后一句话


教程足够详细

请各位上帝用户认真阅读教程!


文中若有为完善地方,

评论区定会补上。拜谢!

文章评价
登录后可以评论
立即登录
135笔记君资讯官
做你贴心的互联网笔记本!
共619篇文章
最近文章
更多
  • 【135早资讯】:拼多多联合湖南卫视推出“11.11超拼夜”,现场送10亿红包;快手好物联盟开放招募快手供应链基地
  • 【135早资讯】:韵达、申通、圆通联手封杀极兔速递,后者与拼多多关系匪浅;佳能中国发布笑脸考勤门禁系统:愁眉苦脸无法开门
  • 【135早资讯】:腾讯回应微信语音进度条测试  ;天猫双11预售启动:淘宝直播10分钟引导成交超去年全天
  • 【135早资讯】:天猫双11从光棍节变双节棍:分两波购买,比往年多3天;美团、飞猪被浙江消保委点名:订房存数据“杀熟”
比格设计
分享到