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

红包发放优惠券怎样设置

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

相关教程

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

  • 香水珠宝 高贵雅致 化妆健美淘宝模板

    香水珠宝 高贵雅致 化妆健美淘宝模板

    人气:38793
  • 时尚简约 瀑布流 装饰家居淘宝模板

    时尚简约 瀑布流 装饰家居淘宝模板

    人气:35416
  • 春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    人气:1
  • 高雅大牌 舒爽浅色 女包女鞋网店模板

    高雅大牌 舒爽浅色 女包女鞋网店模板

    人气:56240
  • 游戏充值 瀑布流 虚拟充值网店模板

    游戏充值 瀑布流 虚拟充值网店模板

    人气:39788
  • 高端优雅 多功能 精品鞋包淘宝模板

    高端优雅 多功能 精品鞋包淘宝模板

    人气:41603
  • 奢侈名表 简约奢华 饰品珠宝淘宝模板

    奢侈名表 简约奢华 饰品珠宝淘宝模板

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

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

    人气:0