淘宝在线装修模板：通用背景配色可变简洁750淘宝促销模板代码

当前位置鱼摆摆网 > 教程 > 装修教程 > 750像素模板 >

淘宝在线装修模板：通用背景配色可变简洁750淘宝促销模板代码

公众号：鱼摆摆网作者：admin 2016-07-13 23:00

好久没更新基础版旺铺使用的右侧750促销模板了，今天给大家分享一个宝贝数量可变的淘宝在线装修模板：750通用简洁淘宝促销模板。模板可切换一行显示的宝贝数量，可一行显示3、4个，宝贝不超过20个。大家只需要在该淘宝装修模板代码在线生成器里输入标题、价格、图片地址、网页链接地址即可快速生成自己的淘宝装修模板代码。模板顶部的标题“热销宝贝 NEW SAL”也可以在线修改。模板中背景色可以在线修改，大家点击设置框顶部的“效果设置”，设置背景色，以适应大家网店的配色风格。

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

此模板，配套的190宽淘宝左侧促销模板详见：http://www.yubaibai.com.cn/html/zuocemokuai/wangpuzuocemokuai_3676.html

（一）模板效果预览：

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

（2）一行显示3个的淘宝装修模板效果（同时又修改了背景色）

（二）模板使用说明：

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

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

（3）图片尺寸，可以根据自己的效果，设置宝贝主图高度，适应你的图片。

下面是默认推荐大小：

（4）一行展示3个时，宝贝主图大小为243x243

（5）一行展示4个时，宝贝主图大小为180x180

如果你自己的宝贝主图高度不是上面默认效果，也可以设置宝贝图高度，以适配你的图片。

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

背景色：点击顶部“效果设置”，设置模板背景色。

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

淘宝装修模板代码：

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

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

<div class="sg-hd" style="height:26px; width:750px; margin:0 auto;line-height:26px;background:#28a5d7; overflow:hidden;margin-bottom:10px;"> <h3 style="color:#FFF; text-indent:20px;float:left;font-size:14px;">热销宝贝</h3> <span style="color:#FFF; text-indent:20px;float:left;text-transform:uppercase;">NEW SALE</span> </div> <div style="width:750px; margin:0 auto;display: block;"> <ul> <li style="width:243px;display:block;margin:0 10px 0 0;float:left;"> <a class="list_VRJEj1" href="#" _fcksavedurl="#" target="_blank" style="width:243px;height:243px;display: block;background: #FFF url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_460x460.jpg) no-repeat center center"> </a> <div style="display: block;height:60px;background:#28a5d7;float:left;font-family: arial;text-align: center;"> <span style="width:80px;height:30px;line-height:30px;display: block;font-size: 14px;color:#fff"> RMB </span> <span style="width:80px;height:20px;line-height20px;display: block;font-size: 18px;color:#fff"> 67 </span> </div> <div style="width:163px;height:60px;float:left;display: block;"> <a href="#" _fcksavedurl="#" target="_blank" style="width:143px;height:36px;line-height:18px;display: block;padding:10px 10px 0 10px;overflow: hidden;color:#323232;text-decoration: none;font-family: arial;"> 女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子 </a> </div> </li><li style="width:243px;display:block;margin:0 10px 0 0;float:left;"> <a class="list_VRJEj1" href="#" _fcksavedurl="#" target="_blank" style="width:243px;height:243px;display: block;background: #FFF url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_460x460.jpg) no-repeat center center"> </a> <div style="display: block;height:60px;background:#28a5d7;float:left;font-family: arial;text-align: center;"> <span style="width:80px;height:30px;line-height:30px;display: block;font-size: 14px;color:#fff"> RMB </span> <span style="width:80px;height:20px;line-height20px;display: block;font-size: 18px;color:#fff"> 68 </span> </div> <div style="width:163px;height:60px;float:left;display: block;"> <a href="#" _fcksavedurl="#" target="_blank" style="width:143px;height:36px;line-height:18px;display: block;padding:10px 10px 0 10px;overflow: hidden;color:#323232;text-decoration: none;font-family: arial;"> 女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子 </a> </div> </li><li style="width:243px;display:block;margin:0;float:left;"> <a class="list_VRJEj1" href="#" _fcksavedurl="#" target="_blank" style="width:243px;height:243px;display: block;background: #FFF url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_460x460.jpg) no-repeat center center"> </a> <div style="display: block;height:60px;background:#28a5d7;float:left;font-family: arial;text-align: center;"> <span style="width:80px;height:30px;line-height:30px;display: block;font-size: 14px;color:#fff"> RMB </span> <span style="width:80px;height:20px;line-height20px;display: block;font-size: 18px;color:#fff"> 99 </span> </div> <div style="width:163px;height:60px;float:left;display: block;"> <a href="#" _fcksavedurl="#" target="_blank" style="width:143px;height:36px;line-height:18px;display: block;padding:10px 10px 0 10px;overflow: hidden;color:#323232;text-decoration: none;font-family: arial;"> 女童打底裤2015春款蕾丝全棉单裤儿童星星小脚裤宝宝裤子 </a> </div> </li><li style="width:243px;display:block;margin:10px 10px 0 0;float:left;"> <a class="list_VRJEj1" href="#" _fcksavedurl="#" target="_blank" style="width:243px;height:243px;display: block;background: #FFF url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_460x460.jpg) no-repeat center center"> </a> <div style="display: block;height:60px;background:#28a5d7;float:left;font-family: arial;text-align: center;"> <span style="width:80px;height:30px;line-height:30px;display: block;font-size: 14px;color:#fff"> RMB </span> <span style="width:80px;height:20px;line-height20px;display: block;font-size: 18px;color:#fff"> 45 </span> </div> <div style="width:163px;height:60px;float:left;display: block;"> <a href="#" _fcksavedurl="#" target="_blank" style="width:143px;height:36px;line-height:18px;display: block;padding:10px 10px 0 10px;overflow: hidden;color:#323232;text-decoration: none;font-family: arial;"> 标题 </a> </div> </li><li style="width:243px;display:block;margin:10px 10px 0 0;float:left;"> <a class="list_VRJEj1" href="#" _fcksavedurl="#" target="_blank" style="width:243px;height:243px;display: block;background: #FFF url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_460x460.jpg) no-repeat center center"> </a> <div style="display: block;height:60px;background:#28a5d7;float:left;font-family: arial;text-align: center;"> <span style="width:80px;height:30px;line-height:30px;display: block;font-size: 14px;color:#fff"> RMB </span> <span style="width:80px;height:20px;line-height20px;display: block;font-size: 18px;color:#fff"> 99 </span> </div> <div style="width:163px;height:60px;float:left;display: block;"> <a href="#" _fcksavedurl="#" target="_blank" style="width:143px;height:36px;line-height:18px;display: block;padding:10px 10px 0 10px;overflow: hidden;color:#323232;text-decoration: none;font-family: arial;"> 标题 </a> </div> </li><li style="width:243px;display:block;margin:10px 0px 0 0;float:left;"> <a class="list_VRJEj1" href="#" _fcksavedurl="#" target="_blank" style="width:243px;height:243px;display: block;background: #FFF url(http://img01.taobaocdn.com/bao/uploaded/i2/15183027392359690/T1RIJPFodXXXXXXXXX_!!0-item_pic.jpg_460x460.jpg) no-repeat center center"> </a> <div style="display: block;height:60px;background:#28a5d7;float:left;font-family: arial;text-align: center;"> <span style="width:80px;height:30px;line-height:30px;display: block;font-size: 14px;color:#fff"> RMB </span> <span style="width:80px;height:20px;line-height20px;display: block;font-size: 18px;color:#fff"> 45 </span> </div> <div style="width:163px;height:60px;float:left;display: block;"> <a href="#" _fcksavedurl="#" target="_blank" style="width:143px;height:36px;line-height:18px;display: block;padding:10px 10px 0 10px;overflow: hidden;color:#323232;text-decoration: none;font-family: arial;"> 标题 </a> </div> </li> </ul> </div> <a name="sgmb"></a>

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