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

圆形爆款推荐店铺装修代码模板教程

2015-04-01 09:51:28

       想要制作爆款推荐模板,但又苦于不会使用专业的图片处理软件?只要你会复制粘贴,以下模板代码就可以轻松解决卖家们的问题。另外,以下热销品推荐模板代码具有以下特效:

1. 圆形圈起爆款。
2. 鼠标划过每个爆款宝贝都有阴影效果。

       以下爆款推荐店铺装修代码可以放置6款热销宝贝,让你的广告专业感极强,吸引买家眼球,帮助促进成交量!唯艺温馨提示,这个店铺装修代码适用于专业版旺铺。



圆形爆款推荐店铺装修代码


<div class="sg-hd" style=" color:#fff; overflow:hidden;text-align:center;padding:0 0 15px 0;zoom:1">
<div style="background:url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB2Un8.aXXXXXbuXpXXXXXXXXXX-770458061.gif) no-repeat center 0;height:80px;overflow:hidden;">

<h3 style=" font-family:微软雅黑; font-size:18px; line-height:18px; padding:10px 0 5px 0;">热销推荐 / 爆款推荐</h3>


<h4 style="font-family:arial;text-transform:uppercase;overflow:hidden;font-weight: normal;">best items show</h4>

</div>

</div><div class="sg-bd" style="font-family:arial; text-align:center;"> <ul style=" overflow:hidden; clear:both;zoom:1; color:#555;font-family:微软雅黑;">  <li style="float:left;margin:0px 10px 0 0; width:310px;"> <a class="list_ru48T1" style="display:block;width:302px; height:302px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1vmWrFj4hXXXXXXXX_!!0-item_pic.jpg_310x310.jpg) no-repeat center center;border:4px solid #6bb7dc;border-radius: 155px; -moz-border-radius: 155px; -webkit-border-radius: 155px;" href="爆款链接" target="_blank"></a> <div style=" overflow:hidden;zoom:1;margin:10px 0 5px 0;"> <span style="">热销价 &yen; <b style="color:#f30; font-size:20px">30.00</b></span>  </div>  <span style="display:inline-block;line-height:20px;font-family:georgia;font-size:16px;font-style:italic;text-decoration:underline;">Hot</span>  </li>  <li style="float:left;margin:0px 10px 0 0; width:310px;"> <a class="list_VIa9e2" style="display:block;width:302px; height:302px; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1yzaGFkxdXXXXXXXX_!!0-item_pic.jpg_310x310.jpg) no-repeat center center;border:4px solid #6bb7dc;border-radius: 155px; -moz-border-radius: 155px; -webkit-border-radius: 155px;" href="爆款链接" target="_blank"></a> <div style=" overflow:hidden;zoom:1;margin:10px 0 5px 0;"> <span style="">热销价 &yen; <b style="color:#f30; font-size:20px">30.00</b></span>  </div>  <span style="display:inline-block;line-height:20px;font-family:georgia;font-size:16px;font-style:italic;text-decoration:underline;">Hot</span>  </li>  <li style="float:left;margin:0px 0 0 0; width:310px;"> <a class="list_8xxYb3" style="display:block;width:302px; height:302px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1WdmGFjVdXXXXXXXX_!!0-item_pic.jpg_310x310.jpg) no-repeat center center;border:4px solid #6bb7dc;border-radius: 155px; -moz-border-radius: 155px; -webkit-border-radius: 155px;" href="爆款链接" target="_blank"></a> <div style=" overflow:hidden;zoom:1;margin:10px 0 5px 0;"> <span style="">热销价 &yen; <b style="color:#f30; font-size:20px">30.00</b></span>  </div>  <span style="display:inline-block;line-height:20px;font-family:georgia;font-size:16px;font-style:italic;text-decoration:underline;">Hot</span>  </li>  <li style="float:left;margin:10px 10px 0 0; width:310px;"> <a class="list_x3OSp4" style="display:block;width:302px; height:302px; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1d1yDFDRbXXXXXXXX_!!0-item_pic.jpg_310x310.jpg) no-repeat center center;border:4px solid #6bb7dc;border-radius: 155px; -moz-border-radius: 155px; -webkit-border-radius: 155px;" href="爆款链接" target="_blank"></a> <div style=" overflow:hidden;zoom:1;margin:10px 0 5px 0;"> <span style="">热销价 &yen; <b style="color:#f30; font-size:20px">30.00</b></span>  </div>  <span style="display:inline-block;line-height:20px;font-family:georgia;font-size:16px;font-style:italic;text-decoration:underline;">Hot</span>  </li>  <li style="float:left;margin:10px 10px 0 0; width:310px;"> <a class="list_iTmU35" style="display:block;width:302px; height:302px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1w4aGFmlcXXXXXXXX_!!0-item_pic.jpg_310x310.jpg) no-repeat center center;border:4px solid #6bb7dc;border-radius: 155px; -moz-border-radius: 155px; -webkit-border-radius: 155px;" href="爆款链接" target="_blank"></a> <div style=" overflow:hidden;zoom:1;margin:10px 0 5px 0;"> <span style="">热销价 &yen; <b style="color:#f30; font-size:20px">30.00</b></span>  </div>  <span style="display:inline-block;line-height:20px;font-family:georgia;font-size:16px;font-style:italic;text-decoration:underline;">Hot</span>  </li>  <li style="float:left;margin:10px 0 0 0; width:310px;"> <a class="list_rzxoh6" style="display:block;width:302px; height:302px; background:url(http://img03.taobaocdn.com/bao/uploaded/i3/T19KN6FqXfXXXXXXXX_!!0-item_pic.jpg_310x310.jpg) no-repeat center center;border:4px solid #6bb7dc;border-radius: 155px; -moz-border-radius: 155px; -webkit-border-radius: 155px;" href="爆款链接" target="_blank"></a> <div style=" overflow:hidden;zoom:1;margin:10px 0 5px 0;"> <span style="">热销价 &yen; <b style="color:#f30; font-size:20px">30.00</b></span>  </div>  <span style="display:inline-block;line-height:20px;font-family:georgia;font-size:16px;font-style:italic;text-decoration:underline;">Hot</span>  </li>  </ul> <div style="display:none; width:310px; height:310px;border-radius: 155px; -moz-border-radius: 155px; -webkit-border-radius: 155px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_ru48T1','align':{'node':'.list_ru48T1','offset':[0,0],'points':['cc','cc']}}"><a href="爆款链接" style=" text-decoration:none;display:block; width:310px;text-align:center;height:310px;" target="_blank"></a></div><div style="display:none; width:310px; height:310px;border-radius: 155px; -moz-border-radius: 155px; -webkit-border-radius: 155px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_VIa9e2','align':{'node':'.list_VIa9e2','offset':[0,0],'points':['cc','cc']}}"><a href="爆款链接" style=" text-decoration:none;display:block; width:310px;text-align:center;height:310px;" target="_blank"></a></div><div style="display:none; width:310px; height:310px;border-radius: 155px; -moz-border-radius: 155px; -webkit-border-radius: 155px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_8xxYb3','align':{'node':'.list_8xxYb3','offset':[0,0],'points':['cc','cc']}}"><a href="爆款链接" style=" text-decoration:none;display:block; width:310px;text-align:center;height:310px;" target="_blank"></a></div><div style="display:none; width:310px; height:310px;border-radius: 155px; -moz-border-radius: 155px; -webkit-border-radius: 155px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_x3OSp4','align':{'node':'.list_x3OSp4','offset':[0,0],'points':['cc','cc']}}"><a href="爆款链接" style=" text-decoration:none;display:block; width:310px;text-align:center;height:310px;" target="_blank"></a></div><div style="display:none; width:310px; height:310px;border-radius: 155px; -moz-border-radius: 155px; -webkit-border-radius: 155px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_iTmU35','align':{'node':'.list_iTmU35','offset':[0,0],'points':['cc','cc']}}"><a href="爆款链接" style=" text-decoration:none;display:block; width:310px;text-align:center;height:310px;" target="_blank"></a></div><div style="display:none; width:310px; height:310px;border-radius: 155px; -moz-border-radius: 155px; -webkit-border-radius: 155px;background:#FFF;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_rzxoh6','align':{'node':'.list_rzxoh6','offset':[0,0],'points':['cc','cc']}}"><a href="爆款链接" style=" text-decoration:none;display:block; width:310px;text-align:center;height:310px;" target="_blank"></a></div> </div><a name="sgmb"></a>


       唯艺并不建议卖家朋友们擅自修改该爆款推荐店铺装修代码中的尺寸,以免造成模板的错位,甚至破裂。如果卖家的店铺颜色与蓝色不是统一色系的,卖家朋友们可以更改背景颜色,进行有效的色彩搭配。背景颜色的代码可以直接在百度中搜索得到。


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

0

相关教程

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

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

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

    人气:46577
  • 家居首饰淘宝模板 新秀系列 高雅背景

    家居首饰淘宝模板 新秀系列 高雅背景

    人气:34730
  • 时尚美容美妆馆

    时尚美容美妆馆

    人气:0
  • 淡雅浅黄 简约风尚 女装女鞋淘宝模板

    淡雅浅黄 简约风尚 女装女鞋淘宝模板

    人气:48805
  •  型男健美 素雅青灰 型男健美淘宝模板

    型男健美 素雅青灰 型男健美淘宝模板

    人气:0
  • 旅行眼镜 炫酷欧美 服装配件网店模板

    旅行眼镜 炫酷欧美 服装配件网店模板

    人气:43216
  • 清新优雅 简约背景 内衣服饰淘宝模版

    清新优雅 简约背景 内衣服饰淘宝模版

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

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

    人气:38768