自定义图标简单教程文档.docx
- 文档编号:12719946
- 上传时间:2023-04-21
- 格式:DOCX
- 页数:12
- 大小:717.40KB
自定义图标简单教程文档.docx
《自定义图标简单教程文档.docx》由会员分享,可在线阅读,更多相关《自定义图标简单教程文档.docx(12页珍藏版)》请在冰豆网上搜索。
自定义图标简单教程文档
自定义图标教程
1.图标设置:
第一步:
进入设置界面将所有的元素全部删除,外框为默认保留元素。
第二步:
观察一下我们需要上传的客服图标尺寸为多少,然后对外框这个元素进行设置。
尺寸:
474*200
元素类别:
普通(外框元素类别默认为普通)
元素大小:
填写图片的相应尺寸:
(474,200)
设置完之后刷新预览查看效果。
刷新之后会发现外框和你需要的客服图片的尺寸一样大小。
设置完刷新之前
刷新之后
第三步:
1.添加新元素(一定要添加,只有一个外框元素的话,点击咨询是不起效的)
2.元素类别:
设置为点击咨询;大小:
474*200,这样可以完全覆盖背景。
3.上传我们自己的图片。
Ps:
这里要注意层叠顺序,层叠顺序数值越大就覆盖在越上面。
例如:
数值为2的元素覆盖在数值1的元素上。
完成。
点击该图片进入与客服人员对话。
2.增加QQ或其它元素(以QQ为例)
第一步:
观察一下我需要添加QQ的背景图片的尺寸。
宽:
156高:
31
这样的话,需要先将我们的外框高度增加31像素,为了容纳我们增加的QQ。
默认高是360,我们现在增加31需要391.设置完之后,刷新预览查看看效果。
多了一块我们需要添加QQ的留白出来。
第二步:
为了美观。
我们通常把QQ元素及集中摆放在一起,我们需要把其他部分向下移动31元素。
先点击图标最下方的背景元素—版权所有。
将它的据顶像素增加31像素即向下移动31像素。
原值为329,设置为360.刷新预览。
以此类推把其他元素都向下移动31像素。
注意:
400电话,msn和旺旺。
每个都是由背景和字体两部分元素组成,都需要向下移动31像素。
以400电话为例:
400背景:
据顶:
298+31
400电话:
据顶:
302+31
设置完刷新.以此类推。
第三步:
调整完位置,我们就可以加入新的QQ元素。
先新添加两个元素并重命名保存为:
<1>QQ背景2
<2>QQ2
QQ背景2元素的设置可以参照上面的QQ背景元素设置。
红框标注位置:
+31,其余设置保持一样并上传背景图片。
Q2元素的设置参照QQ元素,红框标注位置+31其余保持一致。
注意元素类别的选择-QQ。
文字样式-颜色设置无效可以将#号后的编码复制过去即可。
注意:
QQ2元素的层叠顺序必须大于QQ背景2元素。
结束。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 自定义 图标 简单 教程 文档
![提示](https://static.bdocx.com/images/bang_tan.gif)