公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

红包发放优惠券怎样设置

2015-03-26 03:18:19

要说今年的羊年有什么不同,就在于发红包和抢红包了。连央视春晚都发红包了,卖家朋友们还不来赶紧来看看该怎样制作/设置红包发放优惠券,更好的优化您的淘宝店铺装修

以下提供的是红包发放优惠券效果图和高级代码。只要简简单单的复制粘贴就可以拥有绚烂的优惠券装修了。唯艺温馨提示:想要通过发放红包优惠券来提高人气和流量的卖家朋友们必须事先订购满就送服务和红包服务哦。




红包优惠券代码


<div style="width:950px;margin:0 auto;overflow:hidden;font-family:微软雅黑;color:#fff;height:105px;padding-top:16px;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2rafkbFXXXXbCXpXXXXXXXXXX-770458061.gif) 0 0 no-repeat;"><ul style="overflow:hidden;;">  <li style="float:left;width:230px;height:105px;margin:0px 10px 0 0;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2GJ6vbFXXXXbkXXXXXXXXXXXX-770458061.gif) no-repeat center center;text-align:center;"> <a href="#" target="_blank" style="float:left;margin:13px 0 0 88px;height:22px;line-height:22px;font-size:13px;text-decoration:none;color:#c4132c;width:60px;overflow:hidden;">立刻领取</a> <div style="overflow:hidden;clear:both;"> <div style="float:left;width:94px;height:47px;border-right:1px solid #980524;margin-top:12px;"> <span style="font-size:18px;">&yen;</span> <span style="font-size:40px;">5</span> </div> <div style="float:right;width:132px;height:48px;overflow:hidden;text-align:center;margin-top:12px;"> <h3 style="font-size:22px;height:26px;overflow:hidden;padding:0 5px;width:122px;">优惠券</h3> <p style="font-size:12px;line-height:20px;">购满50元使用</p> </div> </div> </li>  <li style="float:left;width:230px;height:105px;margin:0px 10px 0 0;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2GJ6vbFXXXXbkXXXXXXXXXXXX-770458061.gif) no-repeat center center;text-align:center;"> <a href="#" target="_blank" style="float:left;margin:13px 0 0 88px;height:22px;line-height:22px;font-size:13px;text-decoration:none;color:#c4132c;width:60px;overflow:hidden;">立刻领取</a> <div style="overflow:hidden;clear:both;"> <div style="float:left;width:94px;height:47px;border-right:1px solid #980524;margin-top:12px;"> <span style="font-size:18px;">&yen;</span> <span style="font-size:40px;">15</span> </div> <div style="float:right;width:132px;height:48px;overflow:hidden;text-align:center;margin-top:12px;"> <h3 style="font-size:22px;height:26px;overflow:hidden;padding:0 5px;width:122px;">优惠券</h3> <p style="font-size:12px;line-height:20px;">购满50元使用</p> </div> </div> </li>  <li style="float:left;width:230px;height:105px;margin:0px 10px 0 0;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2GJ6vbFXXXXbkXXXXXXXXXXXX-770458061.gif) no-repeat center center;text-align:center;"> <a href="#" target="_blank" style="float:left;margin:13px 0 0 88px;height:22px;line-height:22px;font-size:13px;text-decoration:none;color:#c4132c;width:60px;overflow:hidden;">立刻领取</a> <div style="overflow:hidden;clear:both;"> <div style="float:left;width:94px;height:47px;border-right:1px solid #980524;margin-top:12px;"> <span style="font-size:18px;">&yen;</span> <span style="font-size:40px;">15</span> </div> <div style="float:right;width:132px;height:48px;overflow:hidden;text-align:center;margin-top:12px;"> <h3 style="font-size:22px;height:26px;overflow:hidden;padding:0 5px;width:122px;">优惠券</h3> <p style="font-size:12px;line-height:20px;">购满50元使用</p> </div> </div> </li>  <li style="float:left;width:230px;height:105px;margin:0px 0 0 0;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2GJ6vbFXXXXbkXXXXXXXXXXXX-770458061.gif) no-repeat center center;text-align:center;"> <a href="#" target="_blank" style="float:left;margin:13px 0 0 88px;height:22px;line-height:22px;font-size:13px;text-decoration:none;color:#c4132c;width:60px;overflow:hidden;">立刻领取</a> <div style="overflow:hidden;clear:both;"> <div style="float:left;width:94px;height:47px;border-right:1px solid #980524;margin-top:12px;"> <span style="font-size:18px;">&yen;</span> <span style="font-size:40px;">20</span> </div> <div style="float:right;width:132px;height:48px;overflow:hidden;text-align:center;margin-top:12px;"> <h3 style="font-size:22px;height:26px;overflow:hidden;padding:0 5px;width:122px;">优惠券</h3> <p style="font-size:12px;line-height:20px;">购满50元使用</p> </div> </div> </li> </ul></div><a name="sgmb"></a>


以上红包优惠券的数值可以随意更改,只要您在代码中的文字处做出修改便可。许多绚烂的模块,淘宝装修元素其实都可以通过代码来轻松实现。有许多卖家朋友们很苦恼,毕竟自己并不熟悉代码,甚至就看不明白。多多留意唯艺的代码教程,里面有许多免费资源可以满足不同的装修需求。


      本文出自唯艺网店装修平台(www.weiyi5.cc),转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 双十二 促销大红 现代灯艺淘宝模板

    双十二 促销大红 现代灯艺淘宝模板

    人气:0
  • 多彩数码 科技蓝调 手机数码网店模板

    多彩数码 科技蓝调 手机数码网店模板

    人气:46577
  • 大牌简约 大气背景 珠宝配饰网店模板

    大牌简约 大气背景 珠宝配饰网店模板

    人气:38768
  • 潮流复古  极致简约  个性服饰淘宝模板

    潮流复古 极致简约 个性服饰淘宝模板

    人气:0
  • 双十一 淘宝活动促销模板 潮流女装

    双十一 淘宝活动促销模板 潮流女装

    人气:33016
  • 春天衣橱 精品酷黑 潮流男装淘宝模板

    春天衣橱 精品酷黑 潮流男装淘宝模板

    人气:59832
  • 时尚女鞋 米色暖黄 女鞋精品淘宝模板

    时尚女鞋 米色暖黄 女鞋精品淘宝模板

    人气:31597
  • 奢华香包 大图模块 珠宝鞋靴淘宝模版

    奢华香包 大图模块 珠宝鞋靴淘宝模版

    人气:0