手机二维码团促网店装修代码分享

2015-06-23 11:59:38 人气：5010

设置促销、团购等优惠活动是淘宝店铺推广、增加收益的一个重要手段。时下，手机用户居多，而随着手机盛行起来的二维码功能也被越来越多的人所乐于使用。今天，我们就为你分享一些带有二维码的团购促销模板。

<div class="sg-bd" style="clear:both; overflow:hidden;zoom:1;font-family:微软雅黑;color:#555"><div class="J_TWidget" data-widget-config="{ 'effect': 'none', 'easing': 'easeNone', 'steps': 1, 'circular':true, 'prevBtnCls': 'prev', 'nextBtnCls': 'next', 'hasTriggers':true,'disableBtnCls': 'disable','duration':1.0,'interval':'4', 'autoplay':true}" data-widget-type="Carousel"><div class="scroller" style="width:950px;height:440px; overflow:hidden;zoom:1;background:#FFF; margin:0 auto 10px auto"><ul class="ks-switchable-content"> <li style="float:left;width:950px;height:440px; overflow:hidden"> <div class="J_TWidget" style="float:left; width:440px; height:440px; overflow:hidden" data-widget-type="Compatible" data-widget-config="{'png':true,'png_bg':true}"> <a href="参加促销的宝贝链接" target="_blank" style=" display:block; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/14322024077293692/T1eTJfFoxgXXXXXXXX_!!0-item_pic.jpg_400x400.jpg) no-repeat center center; width:400px; height:400px; margin:20px 0 0 20px; overflow:hidden"> <span style=" width:76px; height:76px; display:block; overflow:hidden; background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2mTDCXVXXXXalXXXXXXXXXXXX-770458061.png) no-repeat -1000px -1000px; float:right; margin:10px 10px 0 0"></span> </a> <span style=" text-align:center; display:block; margin-top:26px;"> 参加促销的宝贝题目</span> </div> <div style=" float:right; width:470px; overflow:hidden; padding:20px;"> <div style=" font-size:36px; padding-bottom:5px;margin:20px 0 10px 0; border-bottom:1px dashed #DDD"> <span style="color:#b9d9e7;font-size:40px; display:inline-block; font-family:impact;line-height:40px;height:40px; font-weight:normal">01.</span><span style=" display:inline-block;vertical-align:top;line-height:40px;height:40px;">抢购中...</span> </div> <a style="display:block;text-decoration:none; overflow:hidden; color:#777;font-size:22px;line-height:28px;height:56px;" target="_blank" href="参加促销的宝贝链接">参加促销的宝贝题目</a> <div style="margin:10px 0 20px 0; font-size:18px;"> 活动价<b style="font-size:30px; padding-left:5px; font-weight:normal">99.00</b> 元 </div> <div style="float:left;width:345px;"> <a style=" font-size:18px;line-height:38px;text-indent:22px; text-decoration:none;background:#b9d9e7 url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB24DLCXVXXXXamXXXXXXXXXXXX-770458061.gif) no-repeat; display:block; width:132px; height:52px;color:#FFF" href="参加促销的宝贝链接" target="_blank">立即购买</a> <div style="overflow:hidden; margin:20px 0"> <div class="code_vNMef1" style="background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2tSHCXpXXXXbvXpXXXXXXXXXX-770458061.png) no-repeat 0 0;width:28px; height:28px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;" href="http://favorite.taobao.com/popup/add_collection.htm?id=17503642751&itemtype=1"> <div style="display:none;border:1px solid #DDD;width:100px; height:100px;background:#FFF url(http://gqrcode.alicdn.com/img?item_id=17503642751&type=ci&w=90&h=90) no-repeat center center" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.code_vNMef1','align':{'node':'.code_vNMef1','offset':[0,0],'points':['tc','bc']}}"> </div> </div> <div class="sns-widget" title="分享" style="cursor:pointer;background: url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2tSHCXpXXXXbvXpXXXXXXXXXX-770458061.png) no-repeat -31px 0;width:28px; height:28px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;" data-sharebtn="{"client_id":"68","skinType":"3","comment":" 参加促销的宝贝题目","isShowFriend":false,"type":"item","key":"17503642751"}"></div> <a style="background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2tSHCXpXXXXbvXpXXXXXXXXXX-770458061.png) no-repeat -62px 0;width:28px; height:28px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;" href="http://favorite.taobao.com/popup/add_collection.htm?id=17503642751&itemtype=1" target="_blank" title="收藏宝贝"></a> </div> </div> <div style="float:right;text-align:center;padding:10px;border:1px solid #d8edf4"> <span>手机扫一扫</span> <span style="display:block;width:100px;height:100px;background:url(http://gqrcode.alicdn.com/img?item_id=17503642751&type=ci&w=100&h=100) no-repeat center center;"></span> </div> <div style=" color:#333; clear:both;"> <b style="color:#e6a9c0; display:block; padding-bottom:5px;">温馨小贴士:</b> 宝贝数量有限，亲下手要尽快哦^-^ </div> </div> </li> <li style="float:left;width:950px;height:440px; overflow:hidden"> <div class="J_TWidget" style="float:left; width:440px; height:440px; overflow:hidden" data-widget-type="Compatible" data-widget-config="{'png':true,'png_bg':true}"> <a href="参加促销的宝贝链接" target="_blank" style=" display:block; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1vmWrFj4hXXXXXXXX_!!0-item_pic.jpg_400x400.jpg) no-repeat center center; width:400px; height:400px; margin:20px 0 0 20px; overflow:hidden"> <span style=" width:76px; height:76px; display:block; overflow:hidden; background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2mTDCXVXXXXalXXXXXXXXXXXX-770458061.png) no-repeat -1000px -1000px; float:right; margin:10px 10px 0 0"></span> </a> <span style=" text-align:center; display:block; margin-top:26px;"> 参加促销的宝贝题目-> B137-1</span> </div> <div style=" float:right; width:470px; overflow:hidden; padding:20px;"> <div style=" font-size:36px; padding-bottom:5px;margin:20px 0 10px 0; border-bottom:1px dashed #DDD"> <span style="color:#b9d9e7;font-size:40px; display:inline-block; font-family:impact;line-height:40px;height:40px; font-weight:normal">02.</span><span style=" display:inline-block;vertical-align:top;line-height:40px;height:40px;">抢购中...</span> </div> <a style="display:block;text-decoration:none; overflow:hidden; color:#777;font-size:22px;line-height:28px;height:56px;" target="_blank" href="参加促销的宝贝链接">参加促销的宝贝题目-> B137-1</a> <div style="margin:10px 0 20px 0; font-size:18px;"> 活动价<b style="font-size:30px; padding-left:5px; font-weight:normal">30.00</b> 元 </div> <div style="float:left;width:345px;"> <a style=" font-size:18px;line-height:38px;text-indent:22px; text-decoration:none;background:#b9d9e7 url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB24DLCXVXXXXamXXXXXXXXXXXX-770458061.gif) no-repeat; display:block; width:132px; height:52px;color:#FFF" href="参加促销的宝贝链接" target="_blank">立即购买</a> <div style="overflow:hidden; margin:20px 0"> <div class="code_zUQ1f2" style="background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2tSHCXpXXXXbvXpXXXXXXXXXX-770458061.png) no-repeat 0 0;width:28px; height:28px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;" href="http://favorite.taobao.com/popup/add_collection.htm?id=39545513426&itemtype=1"> <div style="display:none;border:1px solid #DDD;width:100px; height:100px;background:#FFF url(http://gqrcode.alicdn.com/img?item_id=39545513426&type=ci&w=90&h=90) no-repeat center center" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.code_zUQ1f2','align':{'node':'.code_zUQ1f2','offset':[0,0],'points':['tc','bc']}}"> </div> </div> <div class="sns-widget" title="分享" style="cursor:pointer;background: url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2tSHCXpXXXXbvXpXXXXXXXXXX-770458061.png) no-repeat -31px 0;width:28px; height:28px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;" data-sharebtn="{"client_id":"68","skinType":"3","comment":" 参加促销的宝贝题目-> B137-1","isShowFriend":false,"type":"item","key":"39545513426"}"></div> <a style="background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2tSHCXpXXXXbvXpXXXXXXXXXX-770458061.png) no-repeat -62px 0;width:28px; height:28px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;overflow:hidden;" href="http://favorite.taobao.com/popup/add_collection.htm?id=39545513426&itemtype=1" target="_blank" title="收藏宝贝"></a> </div> </div> <div style="float:right;text-align:center;padding:10px;border:1px solid #d8edf4"> <span>手机扫一扫</span> <span style="display:block;width:100px;height:100px;background:url(http://gqrcode.alicdn.com/img?item_id=39545513426&type=ci&w=100&h=100) no-repeat center center;"></span> </div> <div style=" color:#333; clear:both;"> <b style="color:#e6a9c0; display:block; padding-bottom:5px;">温馨小贴士:</b> 宝贝数量有限，亲下手要尽快哦^-^ </div>