在某宝或是天猫商城页头店铺招牌上增加上倒计时代码,基本原理上要用店招图片来做环境,倒计时代码的固定不动在背景图案上,最终略微改动下倒数计时的 CSS 让其两端对齐就可以了。
下脸面雨带来了一个倒计时代码,检测过高效的。你能查看更多实际效果:http://shop60614781.taobao.com
在接下来的编码里的鲜红色图片地址为,店铺招牌背景图案详细地址,总宽为950清晰度,相对高度为120清晰度。
翠绿色的2014-11-12时长,给你活动的时间段。
在天猫淘宝店铺招牌上加上倒计时代码的简易步骤:
一、登录淘宝网核心,进到“主页-店面装修”网页页面。
二、点一下店招的“”编写“按键后,如下图中在广告牌种类中挑选”自定广告牌“。
第三步,挑选红色框里的源代码按键,将拷贝的编码黏贴进来,再点一下储存就OK了!
<div style="width:950px;height:120px;background:#FFF url(http://img03.taobaocdn.com/imgextra/i3/22862746/T2105dXIBaXXXXXXXX-22862746.jpg);overflow:hidden;">
<div class="J_TWidget" data-widget-config="{'endTime': '2014-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': 1,'timeEndCls': '.ks-countdown-end'}" data-widget-type="Countdown" style="width:950px;height:120px;color:#000;text-align:center;font-size:24px;">
<div class="ks-countdown-run">
<span style="font:bold 18px/25px verdana;">间距主题活动:</span>
<span class="ks-d" style="font:bold 18px/25px verdana;"></span>
<span style="font:bold 18px/25px verdana;">天</span>
<span class="ks-h" style="font:bold 18px/25px verdana;"></span>
<span style="font:bold 18px/25px verdana;">钟头</span>
<span class="ks-m" style="font:bold 18px/25px verdana;"></span>
<span>分</span> <span class="ks-s" style="font:bold 18px/25px verdana;"></span>
<span style="font:bold 18px/25px verdana;">秒</span></div>
<div class="ks-countdown-end">
亲,您来迟了啦!主题活动已结束,您可以关心店铺其他优惠促销</div>
</div>
</div>