淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

2016双11当天倒计时代码海报

[复制链接]
  • TA的每日心情
    思考
    昨天 08:52
  • 签到天数: 409 天

    连续签到: 4 天

    [LV.9]已臻大成

    19

    主题

    139

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77029

    最佳新人热心会员

    发表于 2016-11-9 09:51:40 | 显示全部楼层 |阅读模式
    本帖最后由 鱼被水淹死了 于 2016-11-9 10:03 编辑

    倒计时2.png
    点击图片看大图、右键另存为

    修改好代码将代码丢进自定义模块就好,懒人专用

    代码是借助誓言装修助手跟在线编辑工具弄的。

    1. <div data-title="代码来自誓言装修助手 www.taomashen.com" style="width:1920px;height:78px;">
    2.    <div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:108px;
    3. padding:0px;border:0;left:50%; top:auto;">
    4.       <div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:108px;
    5. padding:0px;border:0;left:-960px; top:-0px;z-index:2;">
    6. <div style="height:108px;">
    7.   <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
    8.     <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
    9. <div class="shiyan www.taomashen.com" data-title="誓言在线编辑工具_全屏海报" style="position:relative;width:950px;height:500px;background-color:;background-repeat:no-repeat;background-image:url();background-attachment:scroll;background-position:50% 0%;"><div class="footer-more-trigger sn-simple-logo WD_imgElement most-footer cloud-footer" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;background:none; border-top:none;display:block;overflow:visible;right:auto;left:0px;top:0px;"><img src="图片;链接地址" /></div><div class="footer-more-trigger sn-simple-logo most-footer cloud-footer WD_countime" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;background:none; border-top:none;display:block;overflow:visible;right:auto;left:1007px;top:23px;"><div class="wd_countime J_TWidget" data-widget-type="Countdown" data-widget-config="{'endTime':'2016-11-12 00:00:00','interval':1000,'timeRunCls':'.ks-countdown-run','timeUnitCls':{'d':'.ks-d','h':'.ks-h','m':'.ks-m','s':'.ks-s'},'minDigit':2,'timeEndCls':'.ks-countdown-end'}" style="width:228px;height:51px;"><div class="ks-countdown-run"><span class="ks-h" style="float:left;width:75px;color:#fc188d;font-family:microsoft yahei;font-weight:300;font-size:35px;text-align:right;">00</span><span class="ks-m" style="float:left;width:75px;color:#fc188d;font-family:microsoft yahei;font-weight:300;font-size:35px;text-align:right;">00</span><span class="ks-s" style="float:left;width:75px;color:#fc188d;font-family:microsoft yahei;font-weight:300;font-size:35px;text-align:right;">00</span></div><div class="ks-countdown-end" style="display:none;color:#fc188d;font-family:microsoft yahei;font-weight:300;font-size:35px;"><span style="float:left;width:75px;color:#fc188d;font-family:microsoft yahei;font-weight:300;font-size:35px;text-align:right;">00</span><span style="float:left;width:75px;color:#fc188d;font-family:microsoft yahei;font-weight:300;font-size:35px;text-align:right;">00</span><span style="float:left;width:75px;color:#fc188d;font-family:microsoft yahei;font-weight:300;font-size:35px;text-align:right;">00</span></div></div></div><div class="footer-more-trigger sn-simple-logo WD_hotArea most-footer cloud-footer" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;background:none; border-top:none;display:block;overflow:visible;right:auto;left:1325px;top:14px;"><a href="店铺收藏链接地址" title="收藏店铺" target="_blank" style="display:block;width:153px;height:60px;outline:none;text-decoration:none;background:url(http://img04.taobaocdn.com/imgextra/i4/907349826/TB2MVvOaVXXXXXeXXXXXXXXXXXX-907349826.gif);"> </a></div></div>
    10.     </div>
    11.   </div>
    12. </div>
    13.       </div>
    14.    </div>
    15. </div>
    复制代码


    实际使用效果(就截990区域给大家看,具体效果是1920的)

    因为是11号当天替换,所以时间我直接设置到2016年11月12日0点0分0秒结束,所以这里看到是60多小时。。。

    提示一下(淘宝11月10号23点00-11月11号1点00暂时关闭发布功能)



    GIF.gif


    就这样吧!






    13O(CO6U)%YD`)I5IB80MCP.gif









    评分

    参与人数 2美工币 +24 收起 理由
    非攻兼爱 + 20 很给力!biutefo
    缘恩 + 4 感谢分享!

    查看全部评分

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


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

  • TA的每日心情

    昨天 09:19
  • 签到天数: 263 天

    连续签到: 4 天

    [LV.8]自成一派

    46

    主题

    1198

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    55455

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

    发表于 2016-11-9 10:16:20 | 显示全部楼层

    回帖奖励 +30

    好厉害的呢

    简单点 装B的方式简单点     递进的情绪请省略
    你又不是个演员     别设计那些情节
  • TA的每日心情
    抱抱
    昨天 09:17
  • 签到天数: 224 天

    连续签到: 11 天

    [LV.7]炉火纯青

    39

    主题

    589

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    56078

    淘宝皇冠店美工最佳新人热心会员宣传达人灌水之王

    QQ
    发表于 2016-11-9 11:19:42 | 显示全部楼层
    前排吃瓜群众


    嗨hallo,你们好啊,我是来颗米,请你一定要like me  
  • TA的每日心情
    臭美
    昨天 12:32
  • 签到天数: 222 天

    连续签到: 72 天

    [LV.7]炉火纯青

    2

    主题

    205

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    47708

    最佳新人热心会员

    QQ
    发表于 2016-11-9 16:15:45 | 显示全部楼层

    前排吃瓜群众



    欢迎
    光临
    小店:缘恩网络服务
    还是别点了~
    其实只是卖350装修模版的~[/col
  • TA的每日心情
    臭美
    昨天 09:12
  • 签到天数: 962 天

    连续签到: 4 天

    [LV.10]功行圆满

    16

    主题

    1120

    帖子

    22万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    221709

    最佳新人热心会员宣传达人

    发表于 2016-11-10 08:51:20 | 显示全部楼层
    确实是懒人专用

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


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

    该用户从未签到

    0

    主题

    3

    帖子

    0

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    0

    发表于 2016-11-19 12:19:17 | 显示全部楼层
    不错,学习学习

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


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

  • TA的每日心情
    思考
    2016-12-1 17:31
  • 签到天数: 4 天

    连续签到: 1 天

    [LV.2]登堂入室

    0

    主题

    1

    帖子

    542

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    542

    发表于 2016-11-26 16:14:13 | 显示全部楼层
    学习学习

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-9 02:24 , Processed in 0.163187 second(s), 33 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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