淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1706|回复: 7
收起左侧

淘宝天猫 自定义秒杀模板

[复制链接]
  • TA的每日心情
    抱抱
    2016-5-30 09:18
  • 签到天数: 10 天

    连续签到: 1 天

    [LV.3]武林新秀

    13

    主题

    142

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32624

    最佳新人

    发表于 2015-6-26 16:17:16 | 显示全部楼层 |阅读模式

    秒杀模板

    秒杀模板
    代码放入DW会乱,但放进店铺自定模板就正常了
    1. <div class="module" style="width: 950px; overflow: hidden; display: inline-block; background-color: rgb(222, 5, 33); background-position: initial initial; background-repeat: initial initial;">
    2.   <div class="module_title" style="width:950px;height:65px;padding-top:7px;background:#b92638;display:block;overflow:hidden;text-align:center;">
    3.     <table width="950" height="55" background="http://img03.taobaocdn.com/imgextra/i3/867916349/TB2KtrwdpXXXXbZXXXXXXXXXXXX-867916349.jpg" style="background-repead:no-repead;background-position:center;">
    4.       <tbody>
    5.         <tr>
    6.           <td><span class="module-title" style="width:100%;font-size:30px;color:#fff;font-family:微软雅黑;text-align:center;display:block;">开春大促 秒杀最新款</span></td>
    7.         </tr>
    8.       </tbody>
    9.     </table>
    10.   </div>
    11.   <ul class="module-item-list" style="width:943px;float:left;margin:0;padding:0 0 7px 7px;">
    12.     <li class="module-item" style="width:303px;float:left;background-color:#fff;margin:7px 5px 0 0;padding:0 3px;list-style:none;text-align:center;">
    13.       <table width="303" height="37" cellspacing="0" border="0" background="http://img03.taobaocdn.com/imgextra/i3/867916349/TB2dJ2mdpXXXXagXpXXXXXXXXXX-867916349.jpg" style="background-position:center;background-repeat:no-repeat;">
    14.         <tbody>
    15.           <tr>
    16.             <td style="vertical-align:top;text-align:center;padding:0;"><div class="module-item-countdown" style="line-height:30px;font-family:微软雅黑;font-size:16px;color:#f0eb47;float:none;display:inline-block;"> <span style="float:left;">倒计时:</span> <span class="day" style="display:inlin-block;float:left;">7</span> <span style="float:left;">天</span> <span class="hour" style="display:inlin-block;float:left;">57</span> <span style="float:left;">时</span> <span class="minute" style="display:inlin-block;float:left;">39</span> <span style="float:left;">分</span> <span style="float:left;"><img src="http://img03.taobaocdn.com/imgextra/i3/867916349/TB2pmzjdpXXXXbXXpXXXXXXXXXX-867916349.jpg"></span> <span style="float:left;">秒</span> </div></td>
    17.           </tr>
    18.         </tbody>
    19.       </table>
    20.       <a style="width:303px;height:303px;display:block;margin:15px 0 3px 0;float:left;" href="#"><img class="module-item-pic" src="http://img.alicdn.com/bao/uploaded/i1/TB1sNmpHpXXXXaZXVXXXXXXXXXX_!!0-item_pic.jpg_300x300.jpg" style="width:303px;height:303px;"></a> <a class="module-item-title" style="width:100%;text-align:center;font-size:14px;height:24px;line-height:24px;color:#666;overflow:hidden;display:block;font-family:微软雅黑;" id="36846040031" href="#">太平鸟男装 2015夏款时尚纯棉 五分袖衬衫男韩版夏季潮</a> <span style="width:100%;line-height:24px;text-align:center;color:#999;font-size:14px;font-family:微软雅黑;float:left;text-decoration:line-through;">原价¥<font class="module-item-price">368.00</font></span>
    21.       <div style="width:100%;margin-bottom:7px;float:left;">
    22.         <table width="224" height="47" cellspacing="0" border="0" background="http://img01.taobaocdn.com/imgextra/i1/867916349/TB2EZvldpXXXXatXpXXXXXXXXXX-867916349.jpg" style="background-position:center;background-repeat:no-repeat;margin:0 auto;">
    23.           <tbody>
    24.             <tr>
    25.               <td style="vertical-align:middle;text-align:center;padding:0;"><span style="width:112px;height:47px;display:inline-block;text-align:center;color:#fff;font-size:12px;font-family:微软雅黑;float:left;">¥<font class="module-item-discount-price" style="font-size:28px;font-family:impact;line-height:47px;">368.00</font></span> <a class="buy-button" style="width:112px;height:47px;display:block;float:right;" href="#"></a></td>
    26.             </tr>
    27.           </tbody>
    28.         </table>
    29.       </div>
    30.     </li>
    31.     <li class="module-item" style="width:303px;float:left;background-color:#fff;margin:7px 5px 0 0;padding:0 3px;list-style:none;text-align:center;">
    32.       <table width="303" height="37" cellspacing="0" border="0" background="http://img03.taobaocdn.com/imgextra/i3/867916349/TB2dJ2mdpXXXXagXpXXXXXXXXXX-867916349.jpg" style="background-position:center;background-repeat:no-repeat;">
    33.         <tbody>
    34.           <tr>
    35.             <td style="vertical-align:top;text-align:center;padding:0;"><div class="module-item-countdown" style="line-height:30px;font-family:微软雅黑;font-size:16px;color:#f0eb47;float:none;display:inline-block;"> <span style="float:left;">倒计时:</span> <span class="day" style="display:inlin-block;float:left;">7</span> <span style="float:left;">天</span> <span class="hour" style="display:inlin-block;float:left;">22</span> <span style="float:left;">时</span> <span class="minute" style="display:inlin-block;float:left;">16</span> <span style="float:left;">分</span> <span style="float:left;"><img src="http://img03.taobaocdn.com/imgextra/i3/867916349/TB2pmzjdpXXXXbXXpXXXXXXXXXX-867916349.jpg"></span> <span style="float:left;">秒</span> </div></td>
    36.           </tr>
    37.         </tbody>
    38.       </table>
    39.       <a style="width:303px;height:303px;display:block;margin:15px 0 3px 0;float:left;" href="#"><img class="module-item-pic" src="http://img.alicdn.com/bao/uploaded/i1/TB1sNmpHpXXXXaZXVXXXXXXXXXX_!!0-item_pic.jpg_300x300.jpg" style="width:303px;height:303px;"></a> <a class="module-item-title" style="width:100%;text-align:center;font-size:14px;height:24px;line-height:24px;color:#666;overflow:hidden;display:block;font-family:微软雅黑;" id="39221424095" href="#">太平鸟男装 2015夏款时尚纯棉 五分袖衬衫男韩版夏季潮</a> <span style="width:100%;line-height:24px;text-align:center;color:#999;font-size:14px;font-family:微软雅黑;float:left;text-decoration:line-through;">原价¥<font class="module-item-price">488.00</font></span>
    40.       <div style="width:100%;margin-bottom:7px;float:left;">
    41.         <table width="224" height="47" cellspacing="0" border="0" background="http://img01.taobaocdn.com/imgextra/i1/867916349/TB2EZvldpXXXXatXpXXXXXXXXXX-867916349.jpg" style="background-position:center;background-repeat:no-repeat;margin:0 auto;">
    42.           <tbody>
    43.             <tr>
    44.               <td style="vertical-align:middle;text-align:center;padding:0;"><span style="width:112px;height:47px;display:inline-block;text-align:center;color:#fff;font-size:12px;font-family:微软雅黑;float:left;">¥<font class="module-item-discount-price" style="font-size:28px;font-family:impact;line-height:47px;">368.00</font></span> <a class="buy-button" style="width:112px;height:47px;display:block;float:right;" href="#"></a></td>
    45.             </tr>
    46.           </tbody>
    47.         </table>
    48.       </div>
    49.     </li>
    50.     <li class="module-item" style="width:303px;float:left;background-color:#fff;margin:7px 5px 0 0;padding:0 3px;list-style:none;text-align:center;">
    51.       <table width="303" height="37" cellspacing="0" border="0" background="http://img03.taobaocdn.com/imgextra/i3/867916349/TB2dJ2mdpXXXXagXpXXXXXXXXXX-867916349.jpg" style="background-position:center;background-repeat:no-repeat;">
    52.         <tbody>
    53.           <tr>
    54.             <td style="vertical-align:top;text-align:center;padding:0;"><div class="module-item-countdown" style="line-height:30px;font-family:微软雅黑;font-size:16px;color:#f0eb47;float:none;display:inline-block;"> <span style="float:left;">倒计时:</span> <span class="day" style="display:inlin-block;float:left;">7</span> <span style="float:left;">天</span> <span class="hour" style="display:inlin-block;float:left;">59</span> <span style="float:left;">时</span> <span class="minute" style="display:inlin-block;float:left;">10</span> <span style="float:left;">分</span> <span style="float:left;"><img src="http://img03.taobaocdn.com/imgextra/i3/867916349/TB2pmzjdpXXXXbXXpXXXXXXXXXX-867916349.jpg"></span> <span style="float:left;">秒</span> </div></td>
    55.           </tr>
    56.         </tbody>
    57.       </table>
    58.       <a style="width:303px;height:303px;display:block;margin:15px 0 3px 0;float:left;" href="#"><img class="module-item-pic" src="http://img.alicdn.com/bao/uploaded/i1/TB1sNmpHpXXXXaZXVXXXXXXXXXX_!!0-item_pic.jpg_300x300.jpg" style="width:303px;height:303px;"></a> <a class="module-item-title" style="width:100%;text-align:center;font-size:14px;height:24px;line-height:24px;color:#666;overflow:hidden;display:block;font-family:微软雅黑;" id="37067506977" href="#">太平鸟男装 2015夏款时尚纯棉 五分袖衬衫男韩版夏季潮</a> <span style="width:100%;line-height:24px;text-align:center;color:#999;font-size:14px;font-family:微软雅黑;float:left;text-decoration:line-through;">原价¥<font class="module-item-price">368.00</font></span>
    59.       <div style="width:100%;margin-bottom:7px;float:left;">
    60.         <table width="224" height="47" cellspacing="0" border="0" background="http://img01.taobaocdn.com/imgextra/i1/867916349/TB2EZvldpXXXXatXpXXXXXXXXXX-867916349.jpg" style="background-position:center;background-repeat:no-repeat;margin:0 auto;">
    61.           <tbody>
    62.             <tr>
    63.               <td style="vertical-align:middle;text-align:center;padding:0;"><span style="width:112px;height:47px;display:inline-block;text-align:center;color:#fff;font-size:12px;font-family:微软雅黑;float:left;">¥<font class="module-item-discount-price" style="font-size:28px;font-family:impact;line-height:47px;">368.00</font></span> <a class="buy-button" style="width:112px;height:47px;display:block;float:right;" href="#"></a></td>
    64.             </tr>
    65.           </tbody>
    66.         </table>
    67.       </div>
    68.     </li>
    69.   </ul>
    70. </div>
    复制代码




    评分

    参与人数 1美工币 +1 收起 理由
    snrtmnmnyk + 1 感谢分享!

    查看全部评分

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


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

  • TA的每日心情
    抱抱
    2016-7-15 08:33
  • 签到天数: 222 天

    连续签到: 1 天

    [LV.7]炉火纯青

    40

    主题

    1426

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    45567

    天猫美工淘宝钻级店美工最佳新人热心会员

    QQ
    发表于 2015-6-26 17:25:36 | 显示全部楼层
    前美工~~路过随便看看~~
    奋力一搏,勇往直前
  • TA的每日心情
    加油
    2015-6-27 13:52
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初学乍练

    1

    主题

    11

    帖子

    844

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    844

    发表于 2015-6-26 21:49:17 | 显示全部楼层
    谢谢分享~!!

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


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

  • TA的每日心情
    臭美
    2015-9-26 11:52
  • 签到天数: 87 天

    连续签到: 1 天

    [LV.6]渐入佳境

    2

    主题

    90

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    52131

    天猫美工最佳新人

    发表于 2015-6-27 08:42:40 | 显示全部楼层
    伸手带走了
    看看你看看我注定碰头,你有你我有我的美梦
  • TA的每日心情
    无奈
    2016-4-29 10:17
  • 签到天数: 180 天

    连续签到: 1 天

    [LV.7]炉火纯青

    17

    主题

    241

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    130014

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

    发表于 2015-6-27 14:02:30 | 显示全部楼层
    好            

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


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

  • TA的每日心情
    不爽
    2016-5-27 11:51
  • 签到天数: 122 天

    连续签到: 1 天

    [LV.7]炉火纯青

    32

    主题

    719

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13420

    最佳新人热心会员

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

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


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

  • TA的每日心情
    不爽
    2016-5-27 11:51
  • 签到天数: 122 天

    连续签到: 1 天

    [LV.7]炉火纯青

    32

    主题

    719

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    13420

    最佳新人热心会员

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

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-9 17:57 , Processed in 0.180666 second(s), 24 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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