公众平台图文编辑怎么制作类似微信聊天的对话框
的有关信息介绍如下:本篇经验将讲到,怎么利用Dreamweaver软件,为微信公众号的图文编辑,编辑出类似微信的聊天对话框。原始案例以灰色边框背景,黑色字体为例。
将已经写好的代码,在编辑器中预览效果如下(上部边框为代码部分,下部边框为效果预览)。
点击第一张图片中图标,将效果预览在本地的浏览器(本案例以火狐浏览器为例)。
将上下两部分代码拷贝 到编辑器进行操作。
代码上半部分: 代码下半部分:
将在浏览器下的效果直接拷贝,被粘贴在微信公众号的图文编辑处,可以得到如下图所示的效果。
修改此段代码中文字的颜色效果:将代码中“color:black”改为“color:orange”如第一张图所示,并得到第二张图片的效果。
修改此段代码中文字的对话框背景色效果:将代码中“border-right-color:grey”改为“border-right-color:green”,将“background-color:grey”改为“background-color:green”如第一张图所示,并得到第二张图片的效果。