淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1139|回复: 9
收起左侧

淘宝天猫 团购模板

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

    连续签到: 1 天

    [LV.3]武林新秀

    13

    主题

    142

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32524

    最佳新人

    发表于 2015-6-27 08:42:20 | 显示全部楼层 |阅读模式
    QQ截图20150626162600.png
    1. <div class="module" style="width: 950px; overflow: hidden; background-color: rgb(250, 214, 94);">
    2.   <div class="module_title" style="width:950px;height:67px;overflow:hidden;dispaly:block;background:#fac622">
    3.     <div style="width:240px;height:67px;display:block;float:left;background:#faa122;">
    4.       <img src="http://img02.taobaocdn.com/imgextra/i2/867916349/TB2LM_mdpXXXXaIXpXXXXXXXXXX-867916349.jpg" style="float:left;margin:11px;display:block;">
    5.       <span style="padding-top:11px;color:#682f12;font-size:12px;font-family:微软雅黑;line-height:18px;float:left;">剩余时间</span>
    6.       <div class="module-item-countdown" style="font-size:18px;color:#682f12;font-family:微软雅黑;display:inline-block;float:left;border:0;">
    7.         <span class="day">7</span><span>天</span>
    8.         <span class="hour">24</span><span>时</span>
    9.         <span class="minute">11</span><span>分</span>
    10.         <span><img src="http://img02.taobaocdn.com/imgextra/i2/867916349/TB2q6HmdpXXXXaBXpXXXXXXXXXX-867916349.jpg"></span><span>秒</span>
    11.       </div>
    12.     </div>
    13.     <span class="module-title" style="overflow:hidden;color:#000;font-size:30px;line-height:67px;font-family:微软雅黑;padding-left:20px;float:left;">热销爆款超值坚果休闲零食包邮价</span>
    14.   </div>
    15.   <ul class="module-item-list" style="width:943px;float:left;margin:0 0 7px 7px;padding:0;list-style:none;">
    16.     <li class="module-item" style="width:305px;float:left;background-color:#fdf299;margin:7px 7px 0 0;list-style:none;border:1px solid #f8b832;">
    17.       <a class="module-item-title" style="font-size:14px;color:#000;font-family:微软雅黑;text-align:center;width:100%;height:30px;line-height:30px;display:block;background:#dfdfdf;float:left;overflow:hidden;" href="#"> 聚【三只松鼠_手剥巴旦木】坚果炒货特产扁核桃巴旦木235gx2袋
    18.       </a>
    19.       <a href="#" target="_blank" style="float:left;">
    20.       <img class="module-item-pic" src="http://img.alicdn.com/imgextra/i4/TB1RJvlFVXXXXarXXXXXXXXXXXX_!!0-item_pic.jpg_300x300.jpg" style="width:301px;height:301px;float:left;padding:2px;border:0;background:#fff;">
    21.       </a>
    22.       <span style="font-size:28px;font-family:微软雅黑;color:#d9202e;font-weight:bold;height:47px;line-height:47px;width:100%;dispaly:block;background:#f8b832;float:left;overflow:hidden;text-align:center;"><font class="module-item-discount-price">368.00</font>元疯抢</span>
    23.       <span style="font-size:12px;line-height:45px;color:#000;float:left;overflow:hidden;padding-left:5px;">原价:<font class="module-item-price" style="font-size:18px;text-decoration:line-through;">368.00</font></span>
    24.       <a href="#" target="_blank" class="buy-button" style="width:95px;height:34px;float:right;padding:6px 5px 0 0;">
    25.       <img src="http://img03.taobaocdn.com/imgextra/i3/867916349/TB2.yzqdpXXXXXzXpXXXXXXXXXX-867916349.jpg">
    26.       </a>
    27.     </li>
    28.     <li class="module-item" style="width:305px;float:left;background-color:#fdf299;margin:7px 7px 0 0;list-style:none;border:1px solid #f8b832;">
    29.       <a class="module-item-title" style="font-size:14px;color:#000;font-family:微软雅黑;text-align:center;width:100%;height:30px;line-height:30px;display:block;background:#dfdfdf;float:left;overflow:hidden;" href="#"> 聚【三只松鼠_手剥巴旦木】坚果炒货特产扁核桃巴旦木235gx2袋
    30.       </a>
    31.       <a href="#" target="_blank" style="float:left;">
    32.       <img class="module-item-pic" src="http://img.alicdn.com/imgextra/i4/TB1RJvlFVXXXXarXXXXXXXXXXXX_!!0-item_pic.jpg_300x300.jpg" style="width:301px;height:301px;float:left;padding:2px;border:0;background:#fff;">
    33.       </a>
    34.       <span style="font-size:28px;font-family:微软雅黑;color:#d9202e;font-weight:bold;height:47px;line-height:47px;width:100%;dispaly:block;background:#f8b832;float:left;overflow:hidden;text-align:center;"><font class="module-item-discount-price">488.00</font>元疯抢</span>
    35.       <span style="font-size:12px;line-height:45px;color:#000;float:left;overflow:hidden;padding-left:5px;">原价:<font class="module-item-price" style="font-size:18px;text-decoration:line-through;">488.00</font></span>
    36.       <a href="#" target="_blank" class="buy-button" style="width:95px;height:34px;float:right;padding:6px 5px 0 0;">
    37.       <img src="http://img03.taobaocdn.com/imgextra/i3/867916349/TB2.yzqdpXXXXXzXpXXXXXXXXXX-867916349.jpg">
    38.       </a>
    39.     </li>
    40.     <li class="module-item" style="width:305px;float:left;background-color:#fdf299;margin:7px 7px 0 0;list-style:none;border:1px solid #f8b832;">
    41.       <a class="module-item-title" style="font-size:14px;color:#000;font-family:微软雅黑;text-align:center;width:100%;height:30px;line-height:30px;display:block;background:#dfdfdf;float:left;overflow:hidden;" href="#"> 聚【三只松鼠_手剥巴旦木】坚果炒货特产扁核桃巴旦木235gx2袋
    42.       </a>
    43.       <a href="#" target="_blank" style="float:left;">
    44.       <img class="module-item-pic" src="http://img.alicdn.com/imgextra/i4/TB1RJvlFVXXXXarXXXXXXXXXXXX_!!0-item_pic.jpg_300x300.jpg" style="width:301px;height:301px;float:left;padding:2px;border:0;background:#fff;">
    45.       </a>
    46.       <span style="font-size:28px;font-family:微软雅黑;color:#d9202e;font-weight:bold;height:47px;line-height:47px;width:100%;dispaly:block;background:#f8b832;float:left;overflow:hidden;text-align:center;"><font class="module-item-discount-price">368.00</font>元疯抢</span>
    47.       <span style="font-size:12px;line-height:45px;color:#000;float:left;overflow:hidden;padding-left:5px;">原价:<font class="module-item-price" style="font-size:18px;text-decoration:line-through;">368.00</font></span>
    48.       <a href="#" target="_blank" class="buy-button" style="width:95px;height:34px;float:right;padding:6px 5px 0 0;">
    49.       <img src="http://img03.taobaocdn.com/imgextra/i3/867916349/TB2.yzqdpXXXXXzXpXXXXXXXXXX-867916349.jpg">
    50.       </a>
    51.     </li>
    52.   </ul>
    53. </div>
    复制代码




    评分

    参与人数 1美工币 +1 收起 理由
    snrtmnmnyk + 1 赞一个!

    查看全部评分

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


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

  • TA的每日心情
    抱抱
    2016-9-17 16:30
  • 签到天数: 386 天

    连续签到: 2 天

    [LV.9]已臻大成

    11

    主题

    915

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    78464

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

    QQ
    发表于 2015-6-27 08:50:56 | 显示全部楼层
    路过看看  楼主真勤快  早上好啊
    向日葵告诉我,只要面对着阳光努力向上,日子就会变得单纯而美好。
  • TA的每日心情
    臭美
    2015-9-30 09:04
  • 签到天数: 224 天

    连续签到: 3 天

    [LV.7]炉火纯青

    5

    主题

    495

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    76999

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

    发表于 2015-6-27 08:57:35 | 显示全部楼层
    感谢楼主分享

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


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

  • TA的每日心情
    抱抱
    2016-11-16 09:31
  • 签到天数: 275 天

    连续签到: 1 天

    [LV.8]自成一派

    3

    主题

    75

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32258

    QQ
    发表于 2015-6-27 09:26:13 | 显示全部楼层
      看帖顶下,早上好
    专业生产2835双排高亮灯带完美替代LED T5灯管http://imgstore01.cdn.sogou.com/app/a/100520032/e179
  • TA的每日心情
    加油
    2016-4-14 17:38
  • 签到天数: 14 天

    连续签到: 1 天

    [LV.3]武林新秀

    17

    主题

    367

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    30563

    发表于 2015-6-27 09:51:40 | 显示全部楼层
    我去试试。。。
    人生无常。何必太在意。
  • TA的每日心情
    抱抱
    2015-8-14 09:53
  • 签到天数: 53 天

    连续签到: 1 天

    [LV.5]略有小成

    7

    主题

    248

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12565

    最佳新人热心会员

    QQ
    发表于 2015-6-27 10:10:06 | 显示全部楼层
    感谢楼主分享,
    好的开始,需要不断的努力!
  • TA的每日心情

    2016-4-29 14:30
  • 签到天数: 128 天

    连续签到: 2 天

    [LV.7]炉火纯青

    20

    主题

    453

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27904

    最佳新人热心会员

    发表于 2015-6-27 10:11:28 | 显示全部楼层
    码盲路过

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


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

  • TA的每日心情

    2015-9-10 21:36
  • 签到天数: 10 天

    连续签到: 1 天

    [LV.3]武林新秀

    1

    主题

    58

    帖子

    2460

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2460

    发表于 2015-7-18 09:11:06 | 显示全部楼层
    拿来收藏了

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


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址: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:08:40 | 显示全部楼层
    淘宝美工论坛Taobaoux.com,全国最大的淘宝美工人才基地

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-6 22:10 , Processed in 0.136082 second(s), 25 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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