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

骚操作你还不学?

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


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



案例



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


如果你想使用此样式

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



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



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


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


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


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



640?wx_fmt=gif




1


样式在编辑区域内


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


在推送之前都不要点击!

除非你用火狐浏览器



因为某种限制


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

就会直接呈现到该界面!


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

修改后复制微信后台预览

没有错误直接群发


下面教程:


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



grey.gif



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


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

HTML模式中是从底往上的

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




2


如果你觉得

你不需要那么多文字界面

或者想再多添加文字界面


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

进行删除或者复制粘贴



grey.gif

Ctrl + C 复制

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

Ctrl + V 粘贴


效果示例

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




3


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

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


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



grey.gif


效果示例

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



4


再如果你发现


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


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


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


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



grey.gif


示例


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




5


如果你是强迫症


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

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


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


进行复制粘贴



grey.gif

Ctrl + C 复制

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

Ctrl + V 粘贴


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


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


当不改变字体大小


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

又会发现位置有重叠


这时候


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

来进行美化



grey.gif



如果不改变字体大小

建议两行文字的 y 值

分别为60、105即可



示例如下:


示例


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





6


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


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

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



grey.gif


示例


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




7


最后


整体示例如下:


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



最最后一句话


教程足够详细

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


文中若有为完善地方,

评论区定会补上。拜谢!

文章评价
登录后可以评论
立即登录
135笔记君资讯官
做你贴心的互联网笔记本!
共367篇文章
最近文章
更多
  • 【135早资讯】:抖音联合九大博物馆推出“云游”活动;复制、粘贴发明者Larry Tesler逝世,享年74岁
  • 【135早资讯】:QQ更新PC和手机端版本,推出专属直播间“群课堂”等新功能;企业微信联合有赞正式上线“销售助手解决方案”
  • 【135早资讯】:微信开放“智慧零售”入口,每日优鲜、优衣库等商家接入;爱奇艺推出潮流彩妆社交电商“斩颜”
  • 【135早资讯】:微信小程序直播能力开启公测;BOSS直聘:复工第二周,市场招聘需求较第一周环比增长28%