5月21号重新编辑,因为之前写的不明白,一发希望可以重新排版,写的更详细些,以便上专栏。
大家可以先看实例:
【折叠功能在微信图文】戳:这里
【折叠功能在有赞微页面】戳:这里
说明:折叠效果个人觉得在微信图文实用性更强些。知道如何在微信图文运用折叠效果,在有赞微页面用起来也会得心应手。
工具:网页编辑器或者微信图文编辑器(百度搜,一大堆,个人推荐“易点编辑器”,我可没收广告费)
教程:
①打开上面的微信图文实例
②如图所示,复制折叠效果区域
③直接粘贴到微信图文编辑框即可使用(不信你自己试试,如果想要更多效果,请接着看)
④把上面复制的折叠区域,粘贴到网页编辑器,切换到源代码模式
⑤修改如下所示的数值(css样式),即可达到想要的效。
⑥颜色值可以参考photoshop取色器,亲们可以在源代码模式下修改,然后在切换过来,查看修改效果
把这些折叠效果用到微页面
→1.建立富文本
→2.随意输入一些字符作为标记
→3.右击审查元素
→4.ctrl+F搜"contenteditable"
→5、6.右击选"edit as html"
→7.复制上面编辑器的代码,替换掉“<p>与</p>”之间所有的代码,包含<p>与</p>
→随意点击左侧空白就OK了
大功告成
最后 ,感谢GF帮我优化了代码。
|