淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2016|回复: 20
收起左侧

分享一个打标模块

[复制链接]
  • TA的每日心情
    大哭
    2016-2-22 14:36
  • 签到天数: 98 天

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

    天猫美工热心会员最佳新人活跃会员

    发表于 2015-7-29 12:11:09 | 显示全部楼层 |阅读模式
    不知道这种叫什么名字,看到有些大店活动的时候都会批量打标,不是图片一体,而是浮在上面的。代码小白,只会简单的嵌套,勉强做出了这种效果,大神勿喷,
    分享给有需要的朋友,在DM批量更换标志图片地址就可以更换了

    01.jpg
    1. <div style="overflow:hidden;margin:5px 5px 5px 5px;"><table border="0" cellpadding="0" cellspacing="0" width="250">
    2.             <tbody>
    3.               <tr>
    4.                 <td width="259" height="385"><div style="width:250px; height:385px; float:left;">
    5. <div class="sn-simple-logo" style="width:250px; height:385px; top:auto; left:auto; margin:0; padding:0; line-height:1.5;"><img src="https://img.alicdn.com/imgextra/i4/1755478087/TB2Wb3EXVXXXXXyXXXXXXXXXXXX_!!1755478087.png" width="250" height="385" />
    6.   <div class="sn-simple-logo" style="width:50px; height:350px;; end:auto; right:auto; margin:0; padding:0; left:0px; bottom:35px;">
    7.     <div style="width:50%; height:40px; text-align:right;"><img src="https://img.alicdn.com/imgextra/i4/1755478087/TB2O_c1dVXXXXcjXpXXXXXXXXXX_!!1755478087.png"></div>
    8. </div>
    9. </div>
    10. </div></td>
    11.               </tr>
    12.               <tr>
    13.                 <td width="250" height="30">
    14.                   <div style="font-family:微软雅黑;height:30px;line-height:40px;overflow:hidden;margin:5px 5px 0px 5px;">
    15.                     <table width="230" border="0" cellpadding="0" cellspacing="0">
    16.                       <tbody>
    17.                         <tr>
    18.                           <td width="197" height="15" bgcolor="#FFFFFF">
    19.                             <div style="font-family:微软雅黑;height:15px;line-height:15px;overflow:hidden;margin:0px 0px 0px 5px;">
    20.                                <a style="text-decoration:none;color:#535353;font-size:12px;">2015夏韩版梭织伞裙</a>
    21.                             </div>
    22.                           </td>
    23.                         </tr>
    24.                         <tr bgcolor="#FFFFFF">
    25.                           <td width="197" height="15">
    26.                             <div style="font-family:微软雅黑;height:15px;line-height:15px;overflow:hidden;margin:0px 0px 0px 5px;">
    27.                                <strong> <a style="text-decoration:none;color:#535353;font-size:14px;"><span style="color:#fe3569;">¥76</span></a></strong>
    28.                             </div>
    29.                           </td>
    30.                         </tr>
    31.                       </tbody>
    32.                     </table>
    33.                   </div>
    34.                 </td>
    35.               </tr>
    36.             </tbody>
    37.           </table></div>
    复制代码






    补充内容 (2015-8-7 09:32):
    大家可以看六楼大神的,简短犀利

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2016-8-29 09:18
  • 签到天数: 298 天

    连续签到: 1 天

    [LV.8]自成一派

    29

    主题

    939

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    61033

    天猫美工最佳新人热心会员

    QQ
    发表于 2015-7-29 12:12:50 | 显示全部楼层
    淘宝美工论坛Taobaoux.com,全国最大的淘宝美工人才基地

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2016-3-19 17:09
  • 签到天数: 49 天

    连续签到: 1 天

    [LV.5]略有小成

    32

    主题

    447

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    11303

    发表于 2015-7-29 12:35:55 | 显示全部楼层

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    大哭
    2016-9-21 16:21
  • 签到天数: 128 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    587

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27829

    最佳新人热心会员

    发表于 2015-7-29 12:50:36 | 显示全部楼层
    淘宝美工论坛Taobaoux.com,全国最大的淘宝美工人才基地

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    2016-11-26 16:52
  • 签到天数: 220 天

    连续签到: 1 天

    [LV.7]炉火纯青

    14

    主题

    1111

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    35311

    天猫美工最佳新人热心会员

    发表于 2015-7-29 12:56:58 | 显示全部楼层
    淘宝美工论坛Taobaoux.com,全国最大的淘宝美工人才基地

  • TA的每日心情
    加油
    昨天 19:48
  • 签到天数: 1103 天

    连续签到: 4 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    28万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    280048

    发表于 2015-7-29 13:21:07 | 显示全部楼层
    不使用定位也能都到,像这样
    1. <div style="overflow:hidden;margin:5px 5px 5px 5px; width:250px; height:420px;">
    2.   <div style=" display:block; width:250px; height:385px; background:url(https://img.alicdn.com/imgextra/i4/1755478087/TB2Wb3EXVXXXXXyXXXXXXXXXXXX_!!1755478087.png);"><a href="#链接" target="_blank" style="display:block; width:250px; height:385px; background:url(https://img.alicdn.com/imgextra/i4/1755478087/TB2O_c1dVXXXXcjXpXXXXXXXXXX_!!1755478087.png) 20px 0px no-repeat;"></a></div>
    3.   <div style="font-family:微软雅黑;height:15px;line-height:15px;overflow:hidden;margin:0px 0px 0px 10px;text-decoration:none;color:#535353;font-size:12px; margin-top:5px;">2015夏韩版梭织伞裙</div>
    4.   <div style="font-family:微软雅黑;height:15px;line-height:15px;overflow:hidden;margin:0px 0px 0px 10px;text-decoration:none;color:#fe3569;font-size:14px; font-weight:bold;">¥76</div>
    5. </div>
    复制代码


    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    大哭
    2016-2-22 14:36
  • 签到天数: 98 天

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

    天猫美工热心会员最佳新人活跃会员

     楼主| 发表于 2015-7-29 14:56:56 | 显示全部楼层
    X_in 发表于 2015-7-29 13:21
    不使用定位也能都到,像这样

    大神就是大神,膜拜

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2016-11-16 17:20
  • 签到天数: 281 天

    连续签到: 1 天

    [LV.8]自成一派

    32

    主题

    2817

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    45070

    最佳新人热心会员

    QQ
    发表于 2015-7-29 16:05:57 | 显示全部楼层
    请问乖乖免,批量更换标志图片地址在DW哪个菜单里啊,我这个版本怎么没有啊,还是我找不到呢,求解,谢了!
    最好的我遇见最美的你,可是我们却隔了一整个青春!http://shop111472591.taobao.com
  • TA的每日心情
    大哭
    2016-2-22 14:36
  • 签到天数: 98 天

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

    天猫美工热心会员最佳新人活跃会员

     楼主| 发表于 2015-7-29 17:14:26 | 显示全部楼层
    龙万山 发表于 2015-7-29 16:05
    请问乖乖免,批量更换标志图片地址在DW哪个菜单里啊,我这个版本怎么没有啊,还是我找不到呢,求解,谢了! ...

    01.jpg


    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-11 04:38 , Processed in 0.182310 second(s), 23 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表