加入国际站
返回旧版 新版反馈
关闭 评分
铜币:
剩余
* 评分才能提交噢
理由:

 | 
只看楼主


  • 0 楼#

    cnhonseng

    • 粉丝
      31
    • 人气
      298
    • 积分
      175
    • 铜币
      74

    全球旺铺使得各位的网站不再是千篇一律了,不再那么的单调,大家能根据自己的喜好自由编辑及修改啦。真正实现“我的网站我做主“。
     
    其实全球旺铺的推出也是大势所趋,在网页全面进入HTML5+CSS3时代,Table时代必将退出历史的舞台。网页设计也不再局限于最初的设计一张图片一切割再用放在一起就完事,而是可以使用可以灵活变化的DIV+CSS。全球旺铺的推出还有一个更大的优势就是在于对访问者也就是我们的潜在客户的一个吸引,旧版固定的模板使得好多人的网站除了产品及公司信息外其它基本一样,使人有一种视觉疲劳感。
      
    我折腾全球旺铺差不多快一个月了,中间增加删除来来回回也不知道多少次了,当然也遇到了不少问题,有技术性的,有功能性的,也有美工方面的; 有些自己能解决的,有些需要阿里相关技术人员帮忙解决的,也有些需要自己学习后解决的。这过程中也参照了一些其它旺铺的装修案例,在此表示感谢。
     
    先来谈谈我公司网站的装修情况及思路:
    1.    顶部:
    公司Logo 或公司名称或两者都有,有的可能还会加一个banner。除了这些外还有一个导航。
    本司顶部采用的是一个带有logo的banner,banner 一般采用纯白色或单一淡色系的背景,但因为是节假日原因,所以现在暂时使用的是橙色的。导航侧是采用与logo色调一样的配色。
    2.    正文:
    A.  轮播Slider四张图片:
     可以放产品最新优惠、最新展会信息、主打产品或者分类产品、服务优势或相关认证信息等。因为暂时没来得及做这些图,所以我暂时放的是分类产品。
    B. 分类导航
    左侧是分类导航并显示了最主要的8个大类,右侧是八类各选一个产品图片做为演示。使用自定义模块并用代码(DIV+CSS)编写。
    C. 公司信息About Us:
    这个栏目内容基本固定了,位置可以根据自己喜好改变。这个中发现有些是右侧是四张图片,原来是套餐多的原因。
    D. 各类最新产品 (默认)
    E. 热门产品(手动增加)
    F. 橱窗产品(系统自带)
    G. 客户评价 :自定义模块加代码(DIV+CSS)编写
    H. email询盘(系统自带)
    I. 搜索(系统自带):其实一直想把它放在顶部导航那里,但不能移动。
    J. 产品类别(系统自带)
    K.在线联系:左侧加入了所有子帐号在线联系,这样方便客户如找不到某产品下的同事时可以咨询其它在线同事,更及时的服务客户,右边图片侧是圣诞祝福,也可以更换其它宣传图片。自定义模块加代码(DIV+CSS)编写
    L. 联系我们和二维码(手动添加):放在一起可以给客户更多的联系方式选择,做到更好的服务大家。
    不足之处:不能留邮箱,但看到有朋友却可以,原因不明。希望可以改善。
    3.    底部
    默认底部是阿里巴巴的相关信息,我们也可以自己增加一个模块把自己公司信息放在底部,或者放在背景图片底部。
     
    请大家看看我公司的网站,仅供参考哦:http://honseng.en.alibaba.com/
     
    首页截图如下:
     

    图片:1.png


     
    全球旺铺虽然比原来的固定模板多了一些灵活性,但还是有一定的局限性,例如,模块的固定化。。。
    所以我们必需好好运用”自定义内容模块“,这个模块的装修将可以突出公司网站与其它网站的不同。
    关于“自定义内容”模块,有几个地方大家需要注意的:
    1. 模块宽度:
    大家知道整个主体(body)的宽度是990px,但是有时编辑内容时发现按这个宽度来发现编辑的内容不能完全展示出来。
    原因是大家在增加这个模块时勾选了”显示模块标题名称“,如勾选此项,整个模块内容部分的宽度将会小于990px, 当不勾选时将会是990px。
      
    2. 内容编写:
    模式:  默认是”所写即所见“模式;还有一个就是编辑工具左止方的HTML图标(代码模式或UBB模式),如果熟悉代码的朋友可以用这种模式。
    代码: 看到好多朋友用的是早期网页设计的结构方式Table,如
    <TABLE><TBODY><TR><TD>我是一个例子</TD><TD>我是一个例子</TD></TR>TR><TD>我是一个例子</TD><TD>我是一个例子</TD></TR></TBODY></TABLE>
    这种方法大家容易掌握和运用,但是如果需要修改的话就很麻烦,另外代码也比较多,对网页的性能也有一定的影响,因为很多东西需要图片来解决。
    其实如果大家熟悉代码的话还是建议还DIV+CSS,代码简单明了,好多项目可能直接用代码解决而不需要图片。
    <div style="width:990px;border:1px solid #ffffff;">我是一个例子</div>
    大家可以在装修过程中慢慢比较和体会两者的区别和好坏。
    如果大家有问题可以跟贴一起讨论!
     
    同时也要感谢阿里的相关技术朋友,感谢你们帮忙解决我所提出的问题:
    1. 问题:导航颜色问题?
        内容:
    当把导航字体设置成白色时,鼠标放在上面会是白茫茫的一片,希望可以改进一下(区分一下以下属性的字色及背景色)

        结果:反映后已得到解决!
    2. 问题:关于旺铺装修中遇到“违禁词key的设置”(导致整个keychain类别不能进行相关操作)
        内容:
    在装修旺铺过程中发现一个问题,只要涉及到含有key的词都不可以,从而导致本司产品一个产品类别keychain所有相关操作都不可以进行,请相关技术人员帮忙解决。

        结果:反映后已得到解决!
     
    在此再提一下几个建议:
    建议1:自定义内容中单词断行的问题,希望可以加上相关代码解决。如
    style="word-wrap: break-word; word-break: normal;"
    建议2:关于产品大类与小类选项卡样式排列:
    大家知道,好多公司产品在大类下又有很多小类,于是我就想通过左边显示“大类”,右边显示“小类图片(自选典型图片)+小类名称”实现, 这样不但更详细展示产品类别,而且更方便客户寻找产品。

     

    图片:2_副本.jpg


     

    图片:2_2副本.jpg


     
    建议3: 自定义页面链接名称的问题:
               如现在是:http://旺铺地址/custom_page_1.html
               可否改为:http://旺铺地址/Testimonials.html   (对应的页面名称)
     
    温馨提示:本司网站如用谷歌chrome浏览器, firefox 或IE9以上浏览你会发现不一样的效果哦~!
     
    上面是本人对于全球旺铺的一些总结经验和分享,大家看了有什么想法建议或想要探讨的,非常欢迎跟贴沟通哦!
     
     

  • 1 楼#

    cnhonseng

    • 粉丝
      31
    • 人气
      298
    • 积分
      175
    • 铜币
      74

    1. 在线联系:方法及代码见7楼。
    2. 图片超链接:方法及代码见11楼。
     
     
     

  • 2 楼#

    家有流氓兔

    • 粉丝
      348
    • 人气
      587
    • 积分
      0
    • 铜币
      178438

       

  • 3 楼#

    周大官人

    • 粉丝
      314
    • 人气
      461
    • 积分
      0
    • 铜币
      803

    很棒的分享,特别是首页的banner,做的太有心了,航母style好可爱,哈哈!

  • 4 楼#

    cnhonseng

    • 粉丝
      31
    • 人气
      298
    • 积分
      175
    • 铜币
      74

    周大官人:很棒的分享,特别是首页的banner,做的太有心了,航母style好可爱,哈哈! (2013-01-16 18:15) 

    其实前面开车的是鸟叔,有木有发现?

  • 5 楼#

    好萝卜

    • 粉丝
      465
    • 人气
      661
    • 积分
      0
    • 铜币
      7313

    请问一下代码在哪里修改啊?

  • 6 楼#

    cnhonseng

    • 粉丝
      31
    • 人气
      298
    • 积分
      175
    • 铜币
      74

    新建自定义内容模块,然后选择HTML模式,输入以下代码:
    <div style="width:200.0px; height: 210.0px; float: left;">
    <ul style="list-style: none; width: 160.0px; float: left;">
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041441&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041441&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i01.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356419575423.jpg" alt="" width="108px" height="29px" /></li>
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220040285&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220040285&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i01.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356420797812.jpg" alt="" width="108px" height="29px" /></li>
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cnhonseng&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cnhonseng&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i00.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356419575473.jpg" alt="" width="108px" height="29px" /></li>
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041433&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041433&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i01.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356419575527.jpg" alt="" width="108px" height="29px" /></li>
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041439&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041439&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i00.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356419575546.jpg" alt="" width="108px" height="29px" /></li>
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220040268&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220040268&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i01.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356420797778.jpg" alt="" width="108px" height="29px" /></li>
    </ul>
    </div>
    注意其中的代码
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041441&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041441&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i01.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356419575423.jpg" alt="" width="108px" height="29px" /></li>
    这代表一个用户的信息,前面
    <a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041441&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041441&site=enaliint&s=2" alt="Chat Now" border="0" /></a>
     旺旺在线离线显示,两个CNXXXXXXXX是旺旺id, 需要修改成贵司的。
    后面的代码
    <img src="http://i01.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356419575423.jpg" alt="" width="108px" height="29px" />
    这个是CHAT NOW图标,如果需要可以去本司网站存下来再PS成贵司用户名称。







  • 7 楼#

    好萝卜

    • 粉丝
      465
    • 人气
      661
    • 积分
      0
    • 铜币
      7313

    明明我这里全部旺旺都是在线的,为什么旺铺首页的这个旺旺的地方总是灰色不在线的呢?我观察好久了发现一直是这样 好奇怪啊?请问这个问题怎么解决呢?先谢谢啦~

  • 8 楼#

    cnhonseng

    • 粉丝
      31
    • 人气
      298
    • 积分
      175
    • 铜币
      74

    cn1007168186:明明我这里全部旺旺都是在线的,为什么旺铺首页的这个旺旺的地方总是灰色不在线的呢?我观察好久了发现一直是这样 好奇怪啊?请问这个问题怎么解决呢?先谢谢啦~
     (2013-01-17 10:14) 

    你旺铺的地址呢,我看一下。。。

  • 9 楼#

    好萝卜

    • 粉丝
      465
    • 人气
      661
    • 积分
      0
    • 铜币
      7313

    请问一下  图片的超链接是怎么做的啊?

  • 10 楼#

    Grace冯

    • 粉丝
      486
    • 人气
      1095
    • 积分
      0
    • 铜币
      4345

    很不错的用心分享,MM你一定做的好外贸的!

  • 11 楼#

    cnhonseng

    • 粉丝
      31
    • 人气
      298
    • 积分
      175
    • 铜币
      74

    cn1007168186:
    请问一下  图片的超链接是怎么做的啊?
     

    方法有两种:
    1. HTML 模式下:
    <a href="链接地址"><img src="上传的图片地址“></a>

    2. 正常模式下:
        选中“图片”, 点击第一排倒数第二类似链子的图标,会弹出一个对话,输入对应内容就可以了。



  • 12 楼#

    cnhonseng

    • 粉丝
      31
    • 人气
      298
    • 积分
      175
    • 铜币
      74

    谢谢您的鼓励!加油。。。

  • 13 楼#

    工艺礼品行业同盟

    • 粉丝
      12
    • 人气
      265
    • 积分
      0
    • 铜币
      94

    [b]很真诚很用心的分享,赞一个!
    页面做的很有意思,紧跟潮流哦,哈哈!

  • 14 楼#

    wrmd

    • 粉丝
      19
    • 人气
      288
    • 积分
      0
    • 铜币
      368

    真的做得很好呢!顶。。。
    就是看到那些代码,也太多了吧!

  • 15 楼#

    cnhonseng

    • 粉丝
      31
    • 人气
      298
    • 积分
      175
    • 铜币
      74

    wrmd:真的做得很好呢!顶。。。
    就是看到那些代码,也太多了吧! (2013-01-17 13:33) 

    其实代码部分看着是多,但弄明白代表什么感觉很简单的,因为那些代码是显示6个ID的,弄明白一个ID的代码其它都一样的!

  • 16 楼#

    志在学习拿单

    • 粉丝
      0
    • 人气
      133
    • 积分
      0
    • 铜币
      180

    楼主真棒

  • 17 楼#

    家有流氓兔

    • 粉丝
      348
    • 人气
      587
    • 积分
      0
    • 铜币
      178438

    美女的分享,含金量,含金量啊 高!!!

  • 18 楼#

    我是神

    • 粉丝
      7
    • 人气
      347
    • 积分
      0
    • 铜币
      -1

    写得这么详细啊,佩服佩服

  • 19 楼#

    cnhonseng

    • 粉丝
      31
    • 人气
      298
    • 积分
      175
    • 铜币
      74

    谢谢前面两位朋友的支持!
    昨天刚把背景及轮播图片做了一些改变,欢迎大家发表意见!



  • 全球旺铺使得各位的网站不再是千篇一律了,不再那么的单调,大家能根据自己的喜好自由编辑及修改啦。真正实现“我的网站我做主“。
     
    其实全球旺铺的推出也是大势所趋,在网页全面进入HTML5+CSS3时代,Table时代必将退出历史的舞台。网页设计也不再局限于最初的设计一张图片一切割再用放在一起就完事,而是可以使用可以灵活变化的DIV+CSS。全球旺铺的推出还有一个更大的优势就是在于对访问者也就是我们的潜在客户的一个吸引,旧版固定的模板使得好多人的网站除了产品及公司信息外其它基本一样,使人有一种视觉疲劳感。
      
    我折腾全球旺铺差不多快一个月了,中间增加删除来来回回也不知道多少次了,当然也遇到了不少问题,有技术性的,有功能性的,也有美工方面的; 有些自己能解决的,有些需要阿里相关技术人员帮忙解决的,也有些需要自己学习后解决的。这过程中也参照了一些其它旺铺的装修案例,在此表示感谢。
     
    先来谈谈我公司网站的装修情况及思路:
    1.    顶部:
    公司Logo 或公司名称或两者都有,有的可能还会加一个banner。除了这些外还有一个导航。
    本司顶部采用的是一个带有logo的banner,banner 一般采用纯白色或单一淡色系的背景,但因为是节假日原因,所以现在暂时使用的是橙色的。导航侧是采用与logo色调一样的配色。
    2.    正文:
    A.  轮播Slider四张图片:
     可以放产品最新优惠、最新展会信息、主打产品或者分类产品、服务优势或相关认证信息等。因为暂时没来得及做这些图,所以我暂时放的是分类产品。
    B. 分类导航
    左侧是分类导航并显示了最主要的8个大类,右侧是八类各选一个产品图片做为演示。使用自定义模块并用代码(DIV+CSS)编写。
    C. 公司信息About Us:
    这个栏目内容基本固定了,位置可以根据自己喜好改变。这个中发现有些是右侧是四张图片,原来是套餐多的原因。
    D. 各类最新产品 (默认)
    E. 热门产品(手动增加)
    F. 橱窗产品(系统自带)
    G. 客户评价 :自定义模块加代码(DIV+CSS)编写
    H. email询盘(系统自带)
    I. 搜索(系统自带):其实一直想把它放在顶部导航那里,但不能移动。
    J. 产品类别(系统自带)
    K.在线联系:左侧加入了所有子帐号在线联系,这样方便客户如找不到某产品下的同事时可以咨询其它在线同事,更及时的服务客户,右边图片侧是圣诞祝福,也可以更换其它宣传图片。自定义模块加代码(DIV+CSS)编写
    L. 联系我们和二维码(手动添加):放在一起可以给客户更多的联系方式选择,做到更好的服务大家。
    不足之处:不能留邮箱,但看到有朋友却可以,原因不明。希望可以改善。
    3.    底部
    默认底部是阿里巴巴的相关信息,我们也可以自己增加一个模块把自己公司信息放在底部,或者放在背景图片底部。
     
    请大家看看我公司的网站,仅供参考哦:http://honseng.en.alibaba.com/
     
    首页截图如下:
     

    图片:1.png


     
    全球旺铺虽然比原来的固定模板多了一些灵活性,但还是有一定的局限性,例如,模块的固定化。。。
    所以我们必需好好运用”自定义内容模块“,这个模块的装修将可以突出公司网站与其它网站的不同。
    关于“自定义内容”模块,有几个地方大家需要注意的:
    1. 模块宽度:
    大家知道整个主体(body)的宽度是990px,但是有时编辑内容时发现按这个宽度来发现编辑的内容不能完全展示出来。
    原因是大家在增加这个模块时勾选了”显示模块标题名称“,如勾选此项,整个模块内容部分的宽度将会小于990px, 当不勾选时将会是990px。
      
    2. 内容编写:
    模式:  默认是”所写即所见“模式;还有一个就是编辑工具左止方的HTML图标(代码模式或UBB模式),如果熟悉代码的朋友可以用这种模式。
    代码: 看到好多朋友用的是早期网页设计的结构方式Table,如
    <TABLE><TBODY><TR><TD>我是一个例子</TD><TD>我是一个例子</TD></TR>TR><TD>我是一个例子</TD><TD>我是一个例子</TD></TR></TBODY></TABLE>
    这种方法大家容易掌握和运用,但是如果需要修改的话就很麻烦,另外代码也比较多,对网页的性能也有一定的影响,因为很多东西需要图片来解决。
    其实如果大家熟悉代码的话还是建议还DIV+CSS,代码简单明了,好多项目可能直接用代码解决而不需要图片。
    <div style="width:990px;border:1px solid #ffffff;">我是一个例子</div>
    大家可以在装修过程中慢慢比较和体会两者的区别和好坏。
    如果大家有问题可以跟贴一起讨论!
     
    同时也要感谢阿里的相关技术朋友,感谢你们帮忙解决我所提出的问题:
    1. 问题:导航颜色问题?
        内容:
    当把导航字体设置成白色时,鼠标放在上面会是白茫茫的一片,希望可以改进一下(区分一下以下属性的字色及背景色)

        结果:反映后已得到解决!
    2. 问题:关于旺铺装修中遇到“违禁词key的设置”(导致整个keychain类别不能进行相关操作)
        内容:
    在装修旺铺过程中发现一个问题,只要涉及到含有key的词都不可以,从而导致本司产品一个产品类别keychain所有相关操作都不可以进行,请相关技术人员帮忙解决。

        结果:反映后已得到解决!
     
    在此再提一下几个建议:
    建议1:自定义内容中单词断行的问题,希望可以加上相关代码解决。如
    style="word-wrap: break-word; word-break: normal;"
    建议2:关于产品大类与小类选项卡样式排列:
    大家知道,好多公司产品在大类下又有很多小类,于是我就想通过左边显示“大类”,右边显示“小类图片(自选典型图片)+小类名称”实现, 这样不但更详细展示产品类别,而且更方便客户寻找产品。

     

    图片:2_副本.jpg


     

    图片:2_2副本.jpg


     
    建议3: 自定义页面链接名称的问题:
               如现在是:http://旺铺地址/custom_page_1.html
               可否改为:http://旺铺地址/Testimonials.html   (对应的页面名称)
     
    温馨提示:本司网站如用谷歌chrome浏览器, firefox 或IE9以上浏览你会发现不一样的效果哦~!
     
    上面是本人对于全球旺铺的一些总结经验和分享,大家看了有什么想法建议或想要探讨的,非常欢迎跟贴沟通哦!
     
     



  • 1. 在线联系:方法及代码见7楼。
    2. 图片超链接:方法及代码见11楼。
     
     
     



  •    



  • 很棒的分享,特别是首页的banner,做的太有心了,航母style好可爱,哈哈!



  • 周大官人:很棒的分享,特别是首页的banner,做的太有心了,航母style好可爱,哈哈! (2013-01-16 18:15) 

    其实前面开车的是鸟叔,有木有发现?



  • 请问一下代码在哪里修改啊?



  • 新建自定义内容模块,然后选择HTML模式,输入以下代码:
    <div style="width:200.0px; height: 210.0px; float: left;">
    <ul style="list-style: none; width: 160.0px; float: left;">
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041441&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041441&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i01.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356419575423.jpg" alt="" width="108px" height="29px" /></li>
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220040285&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220040285&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i01.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356420797812.jpg" alt="" width="108px" height="29px" /></li>
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cnhonseng&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cnhonseng&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i00.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356419575473.jpg" alt="" width="108px" height="29px" /></li>
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041433&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041433&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i01.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356419575527.jpg" alt="" width="108px" height="29px" /></li>
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041439&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041439&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i00.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356419575546.jpg" alt="" width="108px" height="29px" /></li>
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220040268&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220040268&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i01.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356420797778.jpg" alt="" width="108px" height="29px" /></li>
    </ul>
    </div>
    注意其中的代码
    <li><a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041441&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041441&site=enaliint&s=2" alt="Chat Now" border="0" /></a><img src="http://i01.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356419575423.jpg" alt="" width="108px" height="29px" /></li>
    这代表一个用户的信息,前面
    <a href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn220041441&site=enaliint&s=2" target="_blank"> <img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn220041441&site=enaliint&s=2" alt="Chat Now" border="0" /></a>
     旺旺在线离线显示,两个CNXXXXXXXX是旺旺id, 需要修改成贵司的。
    后面的代码
    <img src="http://i01.i.aliimg.com/img/esite/20/04/40/200480540/image/1212/1356419575423.jpg" alt="" width="108px" height="29px" />
    这个是CHAT NOW图标,如果需要可以去本司网站存下来再PS成贵司用户名称。









  • 明明我这里全部旺旺都是在线的,为什么旺铺首页的这个旺旺的地方总是灰色不在线的呢?我观察好久了发现一直是这样 好奇怪啊?请问这个问题怎么解决呢?先谢谢啦~



  • cn1007168186:明明我这里全部旺旺都是在线的,为什么旺铺首页的这个旺旺的地方总是灰色不在线的呢?我观察好久了发现一直是这样 好奇怪啊?请问这个问题怎么解决呢?先谢谢啦~
     (2013-01-17 10:14) 

    你旺铺的地址呢,我看一下。。。



  • 请问一下  图片的超链接是怎么做的啊?



  • 很不错的用心分享,MM你一定做的好外贸的!



  • cn1007168186:
    请问一下  图片的超链接是怎么做的啊?
     

    方法有两种:
    1. HTML 模式下:
    <a href="链接地址"><img src="上传的图片地址“></a>

    2. 正常模式下:
        选中“图片”, 点击第一排倒数第二类似链子的图标,会弹出一个对话,输入对应内容就可以了。





  • 谢谢您的鼓励!加油。。。



  • [b]很真诚很用心的分享,赞一个!
    页面做的很有意思,紧跟潮流哦,哈哈!



  • 真的做得很好呢!顶。。。
    就是看到那些代码,也太多了吧!



  • wrmd:真的做得很好呢!顶。。。
    就是看到那些代码,也太多了吧! (2013-01-17 13:33) 

    其实代码部分看着是多,但弄明白代表什么感觉很简单的,因为那些代码是显示6个ID的,弄明白一个ID的代码其它都一样的!



  • 楼主真棒



  • 美女的分享,含金量,含金量啊 高!!!



  • 写得这么详细啊,佩服佩服



  • 谢谢前面两位朋友的支持!
    昨天刚把背景及轮播图片做了一些改变,欢迎大家发表意见!


56 回复

与 外贸社区|外贸圈 的连接断开,我们正在尝试重连,请耐心等待