你好,欢迎来到阿里巴巴外贸圈 注册 登出
cn1001887950
外贸新生
外贸新生
  • 用户名cn1001887950
  • 粉丝8
  • 发帖数16
  • 铜币0枚
  • 威望0点
  • 社区居民
阅读:5850回复:27

旺铺装修之联系人旺旺动态显示——求加精!!

楼主#
更多 发布于:2013-04-20 15:55
首先,本人入行外贸一个月,对HTML稍有了解,赶上旺铺全面免费开放,先不多说,看一下我们的旺旺效果。 可以显示旺旺是在线的

图片:1.jpg

请移步www.jindian.net.cn看我装修的旺铺。还请大家不惜赐教。
下面讲解步骤及代码。

1.首先用PS或者其他软件把头像截成你需要的大小,(我的用的是100x100像素)再上传你的头像到图片银行。
上传完毕后进入图片银行,找到你刚才上传的头像双击打开。
新界面中右键点属性,再复制下地址:

图片:2.png



若有多个联系人头像,请分别把头像的地址先复制好。
2.如果是想插入竖排显示的旺旺联系人,请在左侧版块添加自定义模块,(不知道在哪里的去撞豆腐

3.添加后,可以在版块标题上写入CONTACT US. 勾选显示版块标题。再点一下左上角的HTML,进入HTML编辑模式。

进入HTML编辑模式后,
在这里公布两套代码:
1.当客户点击你的头像时,直接跳到软件版TRADEMANAGER中和你对话。
2.当客户点出你的头像时,进入到网页版的TRADEMANAGER聊天界面
第一套代码如下:(请把蓝色部分根据相应注释替换掉,所有红色字及符号的注释删掉,包括“()”)
<p>
<a title="Contact with Ad"(标题,蓝色部分替换为你的英文名字)
href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&amp;uid=cn1001887950&amp;site=enaliint&amp;s=5" (弹开旺旺会话窗口的代码,蓝色部分替换为你的旺旺ID
  target="_blank"(在新窗口打开)
  clickdata="{'type':'click','alimemberid':'200517667','appname':'Customize Content','apptitle':'Customize Content'}" class=" mc-click-target-with-quot">(点击代码)
<img src="http://hz00.i.aliimg.com/img/pb/233/547/591/591547233_827.jpg"(头像链接地址,蓝色部分替换为上面你复制的头像地址) alt="Contact with Ad"(鼠标放在图片上显示的内容)
   width=100 height=100(图片尺寸,替换为你想要的头像尺寸)vspace=上下留空点数 hspace=左右留空点数> (这里可以填为0,也可以不填,)
<img src="http://amos.im.alisoft.com/online.aw?v=2&amp;uid=cn1001887950(你的旺旺ID&amp;site=enaliint&amp;s=11" alt="contact with Ad"(鼠标放在图片上显示的内容,蓝色部分替换成你的名字) border="0" >
</a>(阿里旺旺图标链接,及是否在线代码)

<span
style="color: #000000; (字体颜色)
font-family: arial; (字体,不要用一些稀奇古怪的字体)
font-size: large;">  (字体大小,也可以直接输入1-72之类的字号,如14px, 20px,等等)
Ad Chou(你的英文名字)</span>
</p>




第二套代码如下,同样把下面蓝色部分替换掉。
<p><a class=" mc-click-target-with-quot"
title="Contact with Ad"
href="http://webatm.alibaba.com/atm_chat.htm?enemberId=enaliintcn1001887950"
  target="_blank">
<img src="http://i00.i.aliimg.com/img/pb/233/547/591/591547233_827.jpg"
alt="contact with Ad" />
<img src="http://amos.im.alisoft.com/online.aw?v=2&amp;uid=cn1001887950&amp;site=enaliint&amp;s=11" alt="contact with Ad" border="0" />
</a>
<span
style="color: #000000;
font-family: arial;
font-size: small;">
Ad Chou
</span>


一套代码为一个人的联系方式,如果你想要加几个联系人,就把上面对应的代码复制几遍。把其中内容相应替换。

4.复制完毕后,再点击一下编辑界面的HTML,进入图文模式查看模式。
如下图:

图片:7.png


再点击确定 OK啦。

5.如果你想把几个联系人头像横着排,就更简单了。
 前提条件是你添加自定义模块时,是添加的长方形的模块,
前面的步骤都一样,到上面第四步后,进入图文编辑模式,你可以对上面的头像及名字进行排版。就像文字一样的就行了。排好版后点击确定查看效果。

如果有疑问,可以直接在我们主页上旺旺找到我,第一个就是我.

图片:4.png

图片:3.png

4条评分, 铜币 +14
  • 红果烩蛋芙
    铜币 5
    优秀文章,支持
    2013-05-29 20:31
  • cn1000625458
    铜币 +3
    很好,
    2013-05-16 17:45
  • 斑竹泪
    铜币 +1
    优秀文章,支持
    2013-04-25 17:13
  • 阿里 小霞
    铜币 5
    楼主很无私,步骤也很详细,加分 加分!
    2013-04-25 16:15
喜欢10 评分4
cn209746725
外贸新生
外贸新生
  • 用户名cn209746725
  • 粉丝19
  • 发帖数30
  • 铜币46枚
  • 威望0点
沙发#
发布于:2013-04-22 08:29
不错
the pessimist complains about the wind; the optimist expects it to change; and the realist adjusts the sails. 悲观者埋怨刮风;乐观者静候风变;现实者调整风帆。
回复(0) 喜欢(0)     评分
cn1000532791
外贸学长
外贸学长
  • 用户名cn1000532791
  • 粉丝11
  • 发帖数47
  • 铜币126枚
  • 威望0点
  • 社区居民
  • 忠实会员
板凳#
发布于:2013-04-22 09:23
好文章 支持一下
深圳市富源手袋有限公司是一家专门生产手袋和箱包的工厂,我们可以定制各种手袋箱包,包括定制设计,材料,颜色,LOGO等。如果你需要包包,所有车缝类的包包,随时联系我,我们能够提供Sedex报验厂报告!QQ:2355723396 邮箱:Joyce@fuyaunbag.com
回复(0) 喜欢(0)     评分
cnzhongdi
外贸研究生
外贸研究生
  • 用户名cnzhongdi
  • 粉丝27
  • 发帖数272
  • 铜币682枚
  • 威望0点
  • 社区居民
地板#
发布于:2013-04-22 09:48
头面不错~
High quality won't need much word , long-term cooperation with Ningbo ZD !
Ningbo Zhongdi Industry&Trade Co., Ltd.
http://china-solderingtool.en.alibaba.com/
回复(0) 喜欢(0)     评分
gdbenzhan
外贸研究生
外贸研究生
  • 用户名gdbenzhan
  • 粉丝130
  • 发帖数2305
  • 铜币17枚
  • 威望3点
  • 外贸达人
  • 社区居民
  • 忠实会员
  • 最爱沙发
  • 社区明星
地下室#
发布于:2013-04-22 10:04
不错,顶一个。。。
http://gdbenzhan.en.alibaba.com 不锈钢及塑料制品厂 Life is like riding a bicycle. To keep your balance you must keep moving.
回复(0) 喜欢(0)     评分
cn1001423791
外贸博士
外贸博士
  • 用户名cn1001423791
  • 粉丝82
  • 发帖数819
  • 铜币237枚
  • 威望0点
  • 社区居民
  • 忠实会员
下水道#
发布于:2013-04-23 10:47
很不错啊,支持~~~
年轻,是否应该有一场不计后果的出走?
回复(0) 喜欢(0)     评分
cn1500418199
外贸新生
外贸新生
  • 用户名cn1500418199
  • 粉丝1
  • 发帖数6
  • 铜币6枚
  • 威望0点
地下城市#
发布于:2013-04-23 11:29
很不错,很详细的。
回复(0) 喜欢(0)     评分
cn1000499989
论坛版主
论坛版主
  • 用户名cn1000499989
  • 粉丝51
  • 发帖数503
  • 铜币2505枚
  • 威望1点
  • 社区居民
  • 忠实会员
地核#
发布于:2013-04-25 16:15
楼主很无私,步骤也很详细,加分 加分!
工具行业交流群:233442042 或 663985870
回复(0) 喜欢(0)     评分
gzyiliang
外贸学长
外贸学长
  • 用户名gzyiliang
  • 粉丝19
  • 发帖数32
  • 铜币77枚
  • 威望0点
  • 社区居民
地心#
发布于:2013-04-27 09:22
非常有用!无限感激~~
广州易亮贸易有限公司 专营抛光研磨材料,机械 Company :Guangzhou Yi-Liang Polishing Trading Company Limited.   Website:http://gzyiliang.preview.alibaba.com/ Email:yl@yl-polishing.com Skype:misssuery MSN:yiliang03@hotmail.com
回复(0) 喜欢(0)     评分
cn1500236998
外贸新生
外贸新生
  • 用户名cn1500236998
  • 粉丝3
  • 发帖数18
  • 铜币53枚
  • 威望0点
  • 社区居民
9重天#
发布于:2013-04-30 09:37
请问带颜色的字是不需要显示的内容吗?
Flashing butterfly
回复(0) 喜欢(0)     评分
lantiangroup
外贸新生
外贸新生
  • 用户名lantiangroup
  • 粉丝3
  • 发帖数6
  • 铜币16枚
  • 威望0点
  • 社区居民
10楼#
发布于:2013-05-09 23:25
楼主很无私。
回复(0) 喜欢(0)     评分
cnjackly
外贸新生
外贸新生
  • 用户名cnjackly
  • 粉丝39
  • 发帖数130
  • 铜币352枚
  • 威望0点
  • 社区居民
  • 忠实会员
11楼#
发布于:2013-05-10 10:51
很不错, 但之前已经有人分享过了!
Guangzhou Yifeng Technology Electron Co., Ltd. http://jackly.en.alibaba.com/
回复(0) 喜欢(0)     评分
yuensunshine
外贸新生
外贸新生
  • 用户名yuensunshine
  • 粉丝7
  • 发帖数10
  • 铜币0枚
  • 威望0点
  • 社区居民
  • 忠实会员
12楼#
发布于:2013-05-29 13:34
还差2个铜子
回复(0) 喜欢(0)     评分
cn1500125421
外贸博士
外贸博士
  • 用户名cn1500125421
  • 粉丝50
  • 发帖数372
  • 铜币984枚
  • 威望0点
  • 外贸达人
  • 社区居民
  • 忠实会员
  • 行业达人
13楼#
发布于:2013-05-29 14:19
非专业人士做成这样已经很赞了,而且还这么爱分享就很是难能可贵了。努力想你学习
shijiazhuang agricultural machinery co.,ltd www.chinaam-bugu.com www.chinaam-bugu.en.alibaba.com
回复(0) 喜欢(0)     评分
tjyct
外贸博士
外贸博士
  • 用户名tjyct
  • 粉丝72
  • 发帖数783
  • 铜币1341枚
  • 威望0点
  • 活跃读者
  • 社区居民
  • 忠实会员
14楼#
发布于:2013-05-30 08:46
真不错, 谢谢分享!
everything just do my best
回复(0) 喜欢(0)     评分
phonepart
外贸新生
外贸新生
  • 用户名phonepart
  • 粉丝3
  • 发帖数32
  • 铜币17枚
  • 威望0点
  • 社区居民
15楼#
发布于:2013-06-01 17:01
楼主好人,觉得很有用,请问能不能留下联系方式呢,这个代码太复杂了,我不知具体该改哪一方面呢,求教
回复(0) 喜欢(0)     评分
irhair
外贸新生
外贸新生
  • 用户名irhair
  • 粉丝30
  • 发帖数64
  • 铜币87枚
  • 威望0点
16楼#
发布于:2013-06-02 21:37
谢谢分享
I Redefine Hair!
回复(0) 喜欢(0)     评分
tjyct
外贸博士
外贸博士
  • 用户名tjyct
  • 粉丝72
  • 发帖数783
  • 铜币1341枚
  • 威望0点
  • 活跃读者
  • 社区居民
  • 忠实会员
17楼#
发布于:2013-06-20 18:20
设置了, 但是没有旺旺的蓝色水滴, 是怎么回事?
everything just do my best
回复(0) 喜欢(0)     评分
cn1501373269
外贸博士
外贸博士
  • 用户名cn1501373269
  • 粉丝29
  • 发帖数634
  • 铜币1003枚
  • 威望0点
  • 社区居民
  • 忠实会员
  • 最爱沙发
18楼#
发布于:2013-06-28 11:45
赞一个~
回复(0) 喜欢(0)     评分
jx296
初来乍到
初来乍到
  • 用户名jx296
  • 粉丝4
  • 发帖数1
  • 铜币1枚
  • 威望0点
  • 社区居民
19楼#
发布于:2013-06-29 15:59
少了一个符号都不行!幸好解决了 。。太棒了~\(≧▽≦)/~
回复(0) 喜欢(0)     评分
上一页
游客