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

 | 
只看楼主


  • 0 楼#
    C

    chinagdcap

    • 粉丝
      34
    • 人气
      367
    • 积分
      35
    • 铜币
      308

    大家看到别人,在旺铺上实现TM是不是很羡慕呢??
    可以很快就找到对应的同时,这是对买家最好的体现,点击不高才怪...来看图

    图片:1.jpg



    其实,实现这样的东东,要有一定的代码基础,不过,我们就想实现这样的东西,就不需要重头学起,
    只要达到这个目的就好了!
    不过我也会在这里稍微提及一下代码的,简单的语句(如有错,请指出)
    打开我们的旺铺标杆网站http://mlgem.en.alibaba.com/(建议用google Chrome)
    右击小旺旺----审查元素

    图片:2.jpg



    我们一起白菜式看看代码:(别以为我很懂,其实我都是一知半解代码的)

    图片:3.jpg



    (copy到txt文件里就好)
    我们一起解读里面的东东:
    我们发现,这个表格里(table),分了三个部分(两端)的设计
    第一段(p)装饰设计

    图片:4.jpg



    第二段(p)---这就是我们想要的即时TM在自定义页面上的实现

    图片:6.jpg



    第三段(p)---下边缘(不重要部分就不存图,只有是个图片。。。见谅)
    也就是说,我们要的只要第二部分及好了!
    现在,我们来,Copy(有不懂copy的吗)....(盗窃可耻,但为了大家,我愿意...)
    (大家有dreamweaver吗,如果有会方便很多,没有也没关系)
    我们来到装修页面
    插入自定义。。。
    发现一大推代码,不懂的人会看到头晕,马上放弃,为了方便大家,我简化代码。
    简化后的代码实时图

    图片:11.jpg



    只剩下一个旺旺了

    红色字为我添加的文字,蓝色下划线文字为可修改文字!!
    源代码

    <p>
     <span style="font-size: 12.0pt;font-family: 宋体;"><a title="Contact with Derek" href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=mlgem&site=enaliint&s=5" target="_blank"><img src="http://amos.im.alisoft.com/online.aw?v=2&uid=mlgem&site=enaliint&s=11" alt="contact with Derek" border="0"></a>
     </span>
     </p>
    -----------------------------------------------------------------------------------------------------------------------------------------------------------------

    <p段落的开始>
     <格式-文字格式,大小等等不需理会span style="font-size: 12.0pt;font-family: 宋体;"><a 1.鼠标靠近时显示的文档title="这里改你想输入的文字,中英易可Contact with Derek" href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=阿里旺旺的ID号mlgem&site=enaliint&s=5" target="_blank"><img src="http://amos.im.alisoft.com/online.aw?v=2&uid=阿里旺旺的ID号mlgem&site=enaliint&s=11" alt="contact with Derek" border="0"></a>
     </span>
     </p>
    完了,是不是很简单??白菜也能看懂!
    鼠标靠近显示的文字

    图片:12.jpg



    现在我们回到旺铺装修
    针对我自己的代码如下:

    <p>
     <span style="font-size: 12.0pt;font-family: 宋体;"><a title="Contact with Spring" href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn1001174122 &site=enaliint&s=5" target="_blank"><img src="http://amos.im.alisoft.com/online.aw?v=2&uid=cn1001174122&site=enaliint&s=11" alt="contact with Spring" border="0"></a>
     </span>
     </p>
    效果如图:

    图片:15.jpg




    图片:16.jpg



    其他都是设计,部分了,如何美化一下。。。。其实我自己都没弄的,时间问题吧!很多朋友都来问我问题!
    如果你有什么问题,都可以来问我的!
    Spring
    QQ3846146




  • 1 楼#

    Ion

    • 粉丝
      38
    • 人气
      963
    • 积分
      85
    • 铜币
      152

    谢谢楼主分享。是不是只有旺铺才能这样的呢?

  • 2 楼#
    C

    chinagdcap

    • 粉丝
      34
    • 人气
      367
    • 积分
      35
    • 铜币
      308

    cn1001212927:谢谢楼主分享。是不是只有旺铺才能这样的呢? (2012-12-29 11:48) 

    嗯嗯,对的,只有旺铺可以!

  • 3 楼#

    cn****095

    • 粉丝
      164
    • 人气
      1130
    • 积分
      25
    • 铜币
      33

      高手,代码都能看懂

  • 4 楼#
    C

    chinagdcap

    • 粉丝
      34
    • 人气
      367
    • 积分
      35
    • 铜币
      308

    cn1000689095: 高手,代码都能看懂 (2012-12-29 13:54) 

    不用看懂的。。。
  • 名人堂
    5 楼#

    OKMED

    • 粉丝
      2480
    • 人气
      1991
    • 积分
      10
    • 铜币
      12011

    高手

  • 6 楼#

    姌小嫣

    • 粉丝
      0
    • 人气
      73
    • 积分
      0
    • 铜币
      35

      没有权限~

  • 7 楼#

    领头狼Jason

    • 粉丝
      752
    • 人气
      1485
    • 积分
      47
    • 铜币
      2548

    楼主在此分享好东西了

  • 8 楼#

    sdmingtai

    • 粉丝
      4
    • 人气
      156
    • 积分
      115
    • 铜币
      25

    thank you,按照你的方法终于成功了

  • 9 楼#

    besdled

    • 粉丝
      0
    • 人气
      318
    • 积分
      0
    • 铜币
      13

     

  • 10 楼#

    竹木工艺品

    • 粉丝
      3
    • 人气
      471
    • 积分
      145
    • 铜币
      208

    谢谢楼主的分享

  • 11 楼#

    frokeray

    • 粉丝
      0
    • 人气
      93
    • 积分
      0
    • 铜币
      11

    重在学习

  • 12 楼#

    Camila

    • 粉丝
      4
    • 人气
      123
    • 积分
      0
    • 铜币
      5

    明天回公司试试,现在还没有权限。在不懂的步骤可不可以问你啊?

  • 13 楼#

    jxgq88

    • 粉丝
      2
    • 人气
      239
    • 积分
      110
    • 铜币
      36

    代码太重要了

  • 14 楼#

    nbhuarui

    • 粉丝
      2
    • 人气
      300
    • 积分
      0
    • 铜币
      105

    楼主,为什么他会说我输入的是非英文字母,就是那个宋体,求帮忙

  • 15 楼#

    nbhuarui

    • 粉丝
      2
    • 人气
      300
    • 积分
      0
    • 铜币
      105

    成功了耶,我又重新做了一遍,谢谢1!1大爱楼主

  • 16 楼#

    nbhuarui

    • 粉丝
      2
    • 人气
      300
    • 积分
      0
    • 铜币
      105

    成功了耶,我又重新做了一遍,谢谢1!1大爱楼主



  • 大家看到别人,在旺铺上实现TM是不是很羡慕呢??
    可以很快就找到对应的同时,这是对买家最好的体现,点击不高才怪...来看图

    图片:1.jpg



    其实,实现这样的东东,要有一定的代码基础,不过,我们就想实现这样的东西,就不需要重头学起,
    只要达到这个目的就好了!
    不过我也会在这里稍微提及一下代码的,简单的语句(如有错,请指出)
    打开我们的旺铺标杆网站http://mlgem.en.alibaba.com/(建议用google Chrome)
    右击小旺旺----审查元素

    图片:2.jpg



    我们一起白菜式看看代码:(别以为我很懂,其实我都是一知半解代码的)

    图片:3.jpg



    (copy到txt文件里就好)
    我们一起解读里面的东东:
    我们发现,这个表格里(table),分了三个部分(两端)的设计
    第一段(p)装饰设计

    图片:4.jpg



    第二段(p)---这就是我们想要的即时TM在自定义页面上的实现

    图片:6.jpg



    第三段(p)---下边缘(不重要部分就不存图,只有是个图片。。。见谅)
    也就是说,我们要的只要第二部分及好了!
    现在,我们来,Copy(有不懂copy的吗)....(盗窃可耻,但为了大家,我愿意...)
    (大家有dreamweaver吗,如果有会方便很多,没有也没关系)
    我们来到装修页面
    插入自定义。。。
    发现一大推代码,不懂的人会看到头晕,马上放弃,为了方便大家,我简化代码。
    简化后的代码实时图

    图片:11.jpg



    只剩下一个旺旺了

    红色字为我添加的文字,蓝色下划线文字为可修改文字!!
    源代码

    <p>
     <span style="font-size: 12.0pt;font-family: 宋体;"><a title="Contact with Derek" href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=mlgem&site=enaliint&s=5" target="_blank"><img src="http://amos.im.alisoft.com/online.aw?v=2&uid=mlgem&site=enaliint&s=11" alt="contact with Derek" border="0"></a>
     </span>
     </p>
    -----------------------------------------------------------------------------------------------------------------------------------------------------------------

    <p段落的开始>
     <格式-文字格式,大小等等不需理会span style="font-size: 12.0pt;font-family: 宋体;"><a 1.鼠标靠近时显示的文档title="这里改你想输入的文字,中英易可Contact with Derek" href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=阿里旺旺的ID号mlgem&site=enaliint&s=5" target="_blank"><img src="http://amos.im.alisoft.com/online.aw?v=2&uid=阿里旺旺的ID号mlgem&site=enaliint&s=11" alt="contact with Derek" border="0"></a>
     </span>
     </p>
    完了,是不是很简单??白菜也能看懂!
    鼠标靠近显示的文字

    图片:12.jpg



    现在我们回到旺铺装修
    针对我自己的代码如下:

    <p>
     <span style="font-size: 12.0pt;font-family: 宋体;"><a title="Contact with Spring" href="http://amos.us.alitalk.alibaba.com/msg.aw?v=2&uid=cn1001174122 &site=enaliint&s=5" target="_blank"><img src="http://amos.im.alisoft.com/online.aw?v=2&uid=cn1001174122&site=enaliint&s=11" alt="contact with Spring" border="0"></a>
     </span>
     </p>
    效果如图:

    图片:15.jpg




    图片:16.jpg



    其他都是设计,部分了,如何美化一下。。。。其实我自己都没弄的,时间问题吧!很多朋友都来问我问题!
    如果你有什么问题,都可以来问我的!
    Spring
    QQ3846146






  • 谢谢楼主分享。是不是只有旺铺才能这样的呢?



  • cn1001212927:谢谢楼主分享。是不是只有旺铺才能这样的呢? (2012-12-29 11:48) 

    嗯嗯,对的,只有旺铺可以!



  •   高手,代码都能看懂



  • cn1000689095: 高手,代码都能看懂 (2012-12-29 13:54) 

    不用看懂的。。。


  • 名人堂

    高手



  •   没有权限~



  • 楼主在此分享好东西了



  • thank you,按照你的方法终于成功了



  •  



  • 谢谢楼主的分享



  • 重在学习



  • 明天回公司试试,现在还没有权限。在不懂的步骤可不可以问你啊?



  • 代码太重要了



  • 楼主,为什么他会说我输入的是非英文字母,就是那个宋体,求帮忙



  • 成功了耶,我又重新做了一遍,谢谢1!1大爱楼主



  • 成功了耶,我又重新做了一遍,谢谢1!1大爱楼主


17 回复

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