今天幸苦了一天，给大家分享一个更给力的淘宝在线装修模板：950通用智能黑白简约清爽淘宝促销模板。模板可切换一行显示的宝贝数量，可一行显示3、4、5个，宝贝不超过20个。大家只需要在该淘宝装修模板代码在线生成器里输入标题、价格、图片地址、网页链接地址即可快速生成自己的淘宝装修模板代码。模板顶部的标题“精品推荐”、英文“RECOMMEND GOODS”也可以在线修改。

 

模板在线使用地址：http://www.yubaibai.com.cn/tool/950/cxb319/

模板效果预览：

（1）一行显示4个宝贝的淘宝装修模板效果：

（2）一行显示3个的淘宝装修模板效果

（3）一行显示5个宝贝的淘宝装修模板效果：

 

模板使用说明：

（1）宝贝总数为3、4、5的倍数，宝贝最多20个。切换后，点击底部“预览”，查看效果。

（2）宝贝购买地址：“链接地址”，删除#，黏贴自己宝贝的购买地址

（3）一行展示5个时，宝贝主图大小为190x190，上面图片地址更换自己的宝贝主图地址

（4）一行展示3个时，宝贝主图大小为310x310，上面图片地址更换自己的宝贝主图地址

（5）一行展示4个时，宝贝主图大小为230x230，上面图片地址更换自己的宝贝主图地址

（6）单击“标题设置”，可以设置模板标题，可以改成诸如：新品推荐、店主推荐、掌柜推荐、人气宝贝、热销宝贝等标题。

（7）注意下图箭头提示的地方

淘宝装修模板代码：

如果习惯自己修改代码，不喜欢在线编辑，可以直接复制下面的代码，自行修改使用

下面是一行显示4个淘宝装修代码：

<div class="sg-hd" style=" color:#FFF; width:950px; margin:0 auto; overflow:hidden;font-family:微软雅黑;text-align:center;margin:0 auto 10px auto"> <div style="overflow:hidden;"> <div style="overflow:hidden;text-transform:uppercase;color:#000;margin:0 auto;"> <h3 style="font-size:34px;height:40px;line-height:40px; font-weight:normal;overflow:hidden;">精品の推荐</h3> <h4 style="font-size:12px; line-height:20px;height:20px;color:#666;font-family:arial">recommend goods</h4> </div> </div> </div> <div class="sg-bd" style="font-family:arial;"> <ul style=" overflow:hidden; width:950px; margin:0 auto; clear:both;zoom:1; text-align:center;color:#666"> <li style="float:left;margin:0 10px 0 0; background:#FFF; width:230px;"> <a class="list_KKCWD0" style="display:block; width:230px; height:230px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1wOTGXeRhXXbYxeEV_020332.jpg_310x310.jpg) no-repeat center center" href="#" _fcksavedurl="#" target="_blank"></a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 7px 10px;">标题</a> <span style=" display:inline-block;height:20px; line-height:20px;margin:0 0 8px 0;"> <b style="color:#000;font-size:14px;"> RMB ¥67 </b> </span> </li><li style="float:left;margin:0 10px 0 0; background:#FFF; width:230px;"> <a class="list_KKCWD1" style="display:block; width:230px; height:230px; background:url(http://img03.taobaocdn.com/bao/uploaded/i3/T1z7J4XX4HXXa53vM0_034930.jpg_310x310.jpg) no-repeat center center" href="#" _fcksavedurl="#" target="_blank"></a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 7px 10px;">标题</a> <span style=" display:inline-block;height:20px; line-height:20px;margin:0 0 8px 0;"> <b style="color:#000;font-size:14px;"> RMB ¥68 </b> </span> </li><li style="float:left;margin:0 10px 0 0; background:#FFF; width:230px;"> <a class="list_KKCWD2" style="display:block; width:230px; height:230px; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1iSHkXf8oXXaUVg32_043952.jpg_310x310.jpg) no-repeat center center" href="#" _fcksavedurl="#" target="_blank"></a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 7px 10px;">标题</a> <span style=" display:inline-block;height:20px; line-height:20px;margin:0 0 8px 0;"> <b style="color:#000;font-size:14px;"> RMB ¥99 </b> </span> </li><li style="float:left;margin:0; background:#FFF; width:230px;"> <a class="list_KKCWD3" style="display:block; width:230px; height:230px; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1iSHkXf8oXXaUVg32_043952.jpg_310x310.jpg) no-repeat center center" href="#" _fcksavedurl="#" target="_blank"></a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 7px 10px;">标题</a> <span style=" display:inline-block;height:20px; line-height:20px;margin:0 0 8px 0;"> <b style="color:#000;font-size:14px;"> RMB ¥45 </b> </span> </li><li style="float:left;margin:0 10px 0 0; background:#FFF; width:230px;"> <a class="list_KKCWD4" style="display:block; width:230px; height:230px; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1iSHkXf8oXXaUVg32_043952.jpg_310x310.jpg) no-repeat center center" href="#" _fcksavedurl="#" target="_blank"></a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 7px 10px;">标题</a> <span style=" display:inline-block;height:20px; line-height:20px;margin:0 0 8px 0;"> <b style="color:#000;font-size:14px;"> RMB ¥67 </b> </span> </li><li style="float:left;margin:0 10px 0 0; background:#FFF; width:230px;"> <a class="list_KKCWD5" style="display:block; width:230px; height:230px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1wOTGXeRhXXbYxeEV_020332.jpg_310x310.jpg) no-repeat center center" href="#" _fcksavedurl="#" target="_blank"></a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 7px 10px;">标题</a> <span style=" display:inline-block;height:20px; line-height:20px;margin:0 0 8px 0;"> <b style="color:#000;font-size:14px;"> RMB ¥78 </b> </span> </li><li style="float:left;margin:0 10px 0 0; background:#FFF; width:230px;"> <a class="list_KKCWD6" style="display:block; width:230px; height:230px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1wOTGXeRhXXbYxeEV_020332.jpg_310x310.jpg) no-repeat center center" href="#" _fcksavedurl="#" target="_blank"></a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 7px 10px;">标题</a> <span style=" display:inline-block;height:20px; line-height:20px;margin:0 0 8px 0;"> <b style="color:#000;font-size:14px;"> RMB ¥78 </b> </span> </li><li style="float:left;margin:0; background:#FFF; width:230px;"> <a class="list_KKCWD7" style="display:block; width:230px; height:230px; background:url(http://img02.taobaocdn.com/bao/uploaded/i2/T1wOTGXeRhXXbYxeEV_020332.jpg_310x310.jpg) no-repeat center center" href="#" _fcksavedurl="#" target="_blank"></a> <a href="#" _fcksavedurl="#" target="_blank" style="color:#555;height:20px; line-height:20px; overflow:hidden; display:block; text-align:center; margin:6px 10px 7px 10px;">标题</a> <span style=" display:inline-block;height:20px; line-height:20px;margin:0 0 8px 0;"> <b style="color:#000;font-size:14px;"> RMB ¥78 </b> </span> </li> </ul> <div style="display:none; width:230px; height:230px;background:fff;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_KKCWD0','align':{'node':'.list_KKCWD0','offset':[0,0],'points':['cc','cc']}}"> <a href="#" _fcksavedurl="#" style=" text-decoration:none;display:block; width:230px;text-align:center; color:#FFF; height:230px;" target="_blank"> </a> </div><div style="display:none; width:230px; height:230px;background:fff;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_KKCWD1','align':{'node':'.list_KKCWD1','offset':[0,0],'points':['cc','cc']}}"> <a href="#" _fcksavedurl="#" style=" text-decoration:none;display:block; width:230px;text-align:center; color:#FFF; height:230px;" target="_blank"> </a> </div><div style="display:none; width:230px; height:230px;background:fff;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_KKCWD2','align':{'node':'.list_KKCWD2','offset':[0,0],'points':['cc','cc']}}"> <a href="#" _fcksavedurl="#" style=" text-decoration:none;display:block; width:230px;text-align:center; color:#FFF; height:230px;" target="_blank"> </a> </div><div style="display:none; width:230px; height:230px;background:fff;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_KKCWD3','align':{'node':'.list_KKCWD3','offset':[0,0],'points':['cc','cc']}}"> <a href="#" _fcksavedurl="#" style=" text-decoration:none;display:block; width:230px;text-align:center; color:#FFF; height:230px;" target="_blank"> </a> </div><div style="display:none; width:230px; height:230px;background:fff;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_KKCWD4','align':{'node':'.list_KKCWD4','offset':[0,0],'points':['cc','cc']}}"> <a href="#" _fcksavedurl="#" style=" text-decoration:none;display:block; width:230px;text-align:center; color:#FFF; height:230px;" target="_blank"> </a> </div><div style="display:none; width:230px; height:230px;background:fff;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_KKCWD5','align':{'node':'.list_KKCWD5','offset':[0,0],'points':['cc','cc']}}"> <a href="#" _fcksavedurl="#" style=" text-decoration:none;display:block; width:230px;text-align:center; color:#FFF; height:230px;" target="_blank"> </a> </div><div style="display:none; width:230px; height:230px;background:fff;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_KKCWD6','align':{'node':'.list_KKCWD6','offset':[0,0],'points':['cc','cc']}}"> <a href="#" _fcksavedurl="#" style=" text-decoration:none;display:block; width:230px;text-align:center; color:#FFF; height:230px;" target="_blank"> </a> </div><div style="display:none; width:230px; height:230px;background:fff;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:.3" class="J_TWidget" data-widget-type="Popup" data-widget-config="{'trigger':'.list_KKCWD7','align':{'node':'.list_KKCWD7','offset':[0,0],'points':['cc','cc']}}"> <a href="#" _fcksavedurl="#" style=" text-decoration:none;display:block; width:230px;text-align:center; color:#FFF; height:230px;" target="_blank"> </a> </div> </div><a name="sgmb"></a>

模板在线使用地址：http://www.yubaibai.com.cn/tool/950/cxb319/

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 yubaibai360@qq.com 举报，一经查实，本站将立刻删除。