模板介绍：淘宝店铺装修模板绿色风格男装大气模板专业版旺铺代码模板
模板风格：淡雅清新 适用行业：适合各行各业! 适合旺铺：淘宝新旺铺专业版
不会安装？：本站提供所有装修视频教程【点击查看】
模板展示：
1、店招图片：【使用方法--直接右键图片另存到桌面】
2、导航css代码：【使用方法:右键全选复制代码】
.skin-box-bd, .skin-box-bd .menu-list, .all-cats, .skin-box-bd .all-cats .title, .skin-box-bd .menu-list .menu .title, .skin-box-bd .all-cats .link, .skin-box-bd .menu-list .menu .link{height:40px;line-height:40px;}
.skin-box-bd .menu-list .menu{border-right:1px solid #333333;}
.skin-box-bd .menu-list .menu:hover .link, .skin-box-bd .menu-list .menu-hover .link{background:#6EA60D;}
.skin-box-bd .menu-list .menu .link .title{color:#ffffff;}
.skin-box-bd .menu-list .menu:hover .link .title, .skin-box-bd .menu-list .menu-hover .link .title{color:#ffffff;}
.skin-box-bd .all-cats .link .title, .skin-box-bd .menu-list .menu .link .title{font-size:12px;}
.skin-box-bd .all-cats .link .title, .skin-box-bd .menu-list .menu .link .title, .skin-box-bd .popup-content .menu-popup-cats .sub-cat a, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .snd-cat-name{font-family:arial;}
.skin-box-bd .all-cats .link .popup-icon, .skin-box-bd .menu-list .menu .link .popup-icon{display:on;}
.skin-box-bd .all-cats .link .popup-icon, .skin-box-bd .menu-list .menu .link .popup-icon{margin-top:14px;}
.skin-box-bd .menu-list .menu .link{padding:0 20px;}
.skin-box-bd .all-cats .link{width:170px;}
.skin-box-bd .all-cats:hover .link, .skin-box-bd .all-cats-hover .link{background:#6EA60D;}
.skin-box-bd .all-cats .link .title{color:#ffffff;}
.skin-box-bd .all-cats:hover .title, .skin-box-bd .all-cats-hover .title{color:#ffffff;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover{background:#7AB80E;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover .cat-hd .fst-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover .cat-hd .fst-cat-name{color:#ffffff;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .fst-cat{border-color:#E1E1E1;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover .cat-hd .fst-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .cat-hd-hover{border-color:#7AB80E;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name{font-size:12px;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd:hover, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd-hover{background:#6EA60D;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd a.snd-cat-name{color:#ffffff;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd:hover a.snd-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd-hover a.snd-cat-name{color:#ffffff;}
.skin-box-bd .popup-content .cats-tree .snd-cat-name{font-size:12px;}
.skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover{background:#7AB80E;}
.skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover a, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover a{color:#ffffff;}
.skin-box-bd .popup-content .menu-popup-cats .sub-cat{border-color:#E1E1E1;}
.skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover{border-color:#7AB80E;}
.skin-box-bd .popup-content .menu-popup-cats .sub-cat a{font-size:12px;}
.skin-box-bd, .skin-box-bd .menu-list{background:#065206;}
.skin-box-bd .menu-list .menu .link{background:#065206;}
.skin-box-bd .all-cats .link{background:#065206;}
.skin-box-bd .all-cats-popup, .skin-box-bd .popup-content .cats-tree .fst-cat{background:#065206;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner{background:#065206;}
.skin-box-bd .popup-content .menu-popup-cats{background:#065206;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name{color:#f0f5e9;}
.skin-box-bd .popup-content .menu-popup-cats .sub-cat a{color:#f2f5ed;}3、淘宝全屏海报代码：【使用方法:点击复制代码，然后粘贴到自定义代码里面就可以了，注意要在代码模式下操作】
<div class="J_TWidget" data-widget-config="{"contentCls":"taobaoux"}" data-widget-type="Tabs" style="height:600px;overflow:hidden;">
<div class="taobaoux" style="height:600px;">
<div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:600px;top:auto;padding:0;border:0;left:50%;">
<div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:600px;padding:0;border:0;left:-50%;top:0;">
<div data-widget-config="{"contentCls": "taobaoux-com","navCls":"bbs-taobaoux-com","effect":"scrollx","easing":"easeBothStrong","prevBtnCls":"prev","nextBtnCls":"next","autoplay":true,"duration":1,"interval":4,"viewSize":[1920],"circular":true}" data-widget-type="Carousel" class="J_TWidget">
<div class="J_TWidget" data-widget-config="{"trigger":".uxux","align":{"node":".uxux","offset":[-500,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;">
<div class="prev" style="cursor:pointer;">
<img width="30" />
</div>
</div>
<div class="J_TWidget" data-widget-config="{"trigger":".uxux","align":{"node":".uxux","offset":[500,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;">
<div class="next" style="cursor:pointer;">
<img width="30" />
</div>
</div>
<div style="height:600px;width:1920px;overflow:hidden;padding:0;margin:0;" class="uxux">
<ul class="taobaoux-com" style="height:600px;width:1920px;padding:0;margin:0;">
<li style="width:1920px;height:600px;padding:0;margin:0;">
<a target="_blank" href="//511019907.taobao.com/shop/view_shop.htm?spm=a1z0k.7630242.1997989141.d4915209.n05XLj&shop_id=71663914&scene=taobao_shop" style="padding:0;margin:0;"><img src="//gdp.alicdn.com/imgextra/i3/TB12MzYJXXXXXXQXXXXSutbFXXX.jpg" width="1920px" height="600px" border="0px" /></a>
</li>
<li style="width:1920px;height:600px;padding:0;margin:0;">
<a target="_blank" href="//511019907.taobao.com/shop/view_shop.htm?spm=a1z0k.7630242.1997989141.d4915209.n05XLj&shop_id=71663914&scene=taobao_shop" style="padding:0;margin:0;"><img src="//gdp.alicdn.com/imgextra/i2/TB1S0nEJXXXXXaAXVXXSutbFXXX.jpg" width="1920px" height="600px" border="0px" /></a>
</li>
</ul>
</div>
<div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:50px;padding:0;border:0;z-index:99;left:50%;">
<div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:50px;padding:0;border:0;left:-50%;top:545px;">
<ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align:center;">
<li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
<img src="//gdp.alicdn.com/imgextra/i3/TB12MzYJXXXXXXQXXXXSutbFXXX.jpg" style="width:160px;border:0;height:50px;" />
</li>
<li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;">
<img src="//gdp.alicdn.com/imgextra/i2/TB1S0nEJXXXXXaAXVXXSutbFXXX.jpg" style="width:160px;border:0;height:50px;" />
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<ul class="ks-switchable-nav" style="display:none;">
</ul>
</div>4 热销宝贝推荐模块代码：【使用方法:同上】
<div style="width:950px;height:90px;overflow:hidden;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2NXnkaXXXXXa7XpXXXXXXXXXX-11193727.gif) no-repeat #F7F2DC;"> <div style="width:220px;text-align:left;height:19px;font-size:20px;color:#F6FEE0;font-weight:700;text-decoration:none;margin-left:400px;font-family:微软雅黑;"> <div style="line-height:30px;margin-top:20px;"> 热销宝贝推荐 </div> </div> </div> <div style="width:950px;overflow:hidden;color:#3F522C;font-size:12px;background:#E8F5DB;"> <table width="950" border="0" cellspacing="0" cellpadding="0" style="margin-top:10px;"> <tbody> <tr> <td> <a href="//item.taobao.com/item.htm?id=527449636072&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i1/TB1ME_vIpXXXXaPXpXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> <td> <div style="width:10px;"> </div> </td> <td> <a href="//item.taobao.com/item.htm?id=527449584383&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i4/TB1C2AgHpXXXXciXXXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> <td> <div style="width:10px;"> </div> </td> <td> <a href="//item.taobao.com/item.htm?id=527349423374&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i2/TB1hFhgHFXXXXXRXXXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> </tr> <tr> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司2016夏装新款短袖t恤男民族花卉印花日系原宿原创设计半截袖 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>199.00 </div> </td> </tr> </tbody> </table> </td> <td> <div style="width:10px;"> </div> </td> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司2016夏季韩版白色男士修身 圆领短袖花纹图案原创设计T恤男 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>199.00 </div> </td> </tr> </tbody> </table> </td> <td> <div style="width:10px;"> </div> </td> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司2016夏季韩版白色男士修身 圆领短袖字母图案原创T恤半截袖男 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>199.00 </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <a href="//item.taobao.com/item.htm?id=527381091876&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i3/TB17sCCJVXXXXc9XpXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> <td> <div style="width:10px;"> </div> </td> <td> <a href="//item.taobao.com/item.htm?id=527359503578&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i1/TB1bb0YJVXXXXXbXpXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> <td> <div style="width:10px;"> </div> </td> <td> <a href="//item.taobao.com/item.htm?id=527359495600&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i2/TB158JvJVXXXXXqaXXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> </tr> <tr> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司秋冬新款男士圆领长袖t恤青少年修身加绒加厚T恤大码打底衫男 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>218.00 </div> </td> </tr> </tbody> </table> </td> <td> <div style="width:10px;"> </div> </td> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司秋冬新款男薄款修身套头毛衣 撞色毛衣针织衫 男士圆领毛衣潮 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>259.00 </div> </td> </tr> </tbody> </table> </td> <td> <div style="width:10px;"> </div> </td> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 2016年秋冬季加绒加厚男装长袖t恤保暖秋衣圆领打底衫冬装衣服潮 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>289.00 </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <a href="//item.taobao.com/item.htm?id=527381355467&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i3/TB1EvpZHpXXXXXjXXXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> <td> <div style="width:10px;"> </div> </td> <td> <a href="//item.taobao.com/item.htm?id=527359427679&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i1/TB1TINDJVXXXXa.XVXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> <td> <div style="width:10px;"> </div> </td> <td> <a href="//item.taobao.com/item.htm?id=527381095866&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i3/TB1JIS.GVXXXXXIXVXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> </tr> <tr> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司2016夏新款男士短袖t恤欧美潮流男装T桖纯棉纯色大码原创设计 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>199.00 </div> </td> </tr> </tbody> </table> </td> <td> <div style="width:10px;"> </div> </td> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司2016冬季韩版潮男衬衫 男 长袖 修身休闲衬衣纯色时尚寸衫 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>269.00 </div> </td> </tr> </tbody> </table> </td> <td> <div style="width:10px;"> </div> </td> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司2016春装打底衫高领可翻领加厚长袖t恤紧身衣纯棉加厚纯色潮 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>199.00 </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div>
5 旺旺 公告代码：【使用方法:同上】
<div style="width:950px;height:auto;background:#FFF;"> <div style="width:950px;height:auto;overflow:hidden;"> <div style="width:950px;display:block;margin-bottom:10px;color:#658A21;"> <table width="950" border="0" cellspacing="0" cellpadding="0" style="border-top:5px solid #C8DA86;"> <tbody> <tr> <td width="160"> <img src="//gdp.alicdn.com/imgextra/i4/11193727/TB23ji3eFXXXXajXpXXXXXXXXXX-11193727.jpg" width="148" height="79" /> </td> <td width="500"> <div style="font-size:12px;font-weight:bold;"> 客服咨询 </div> <div style="padding-top:3px;"> <a target="_blank" style="font-size:12px;text-decoration:none;line-height:2;color:#333;padding-right:20px;" href="https://www.taobao.com/webww/ww.php?ver=3&touid=%E5%A5%BD%E5%8F%88%E5%A4%9A%E6%AD%A3%E5%93%81%E5%BA%972012&siteid=cntaobao&status=2&charset=utf-8&scene=taobao_shop"><span style="color:#658A21;">售前客服</span>:<img border="0" src="//gdp.alicdn.com/imgextra/i2/T2NX03XeJaXXXXXXXX-46505722.gif" alt="点这里给我发消息" /></a><a target="_blank" style="font-size:12px;text-decoration:none;line-height:2;color:#333;padding-right:20px;" href="https://www.taobao.com/webww/ww.php?ver=3&touid=%E5%A5%BD%E5%8F%88%E5%A4%9A%E6%AD%A3%E5%93%81%E5%BA%972012&siteid=cntaobao&status=2&charset=utf-8&scene=taobao_shop"><span style="color:#658A21;">售后客服</span>:<img border="0" src="//gdp.alicdn.com/imgextra/i2/T2NX03XeJaXXXXXXXX-46505722.gif" alt="点这里给我发消息" /></a><a target="_blank" style="font-size:12px;text-decoration:none;line-height:2;color:#333;padding-right:20px;" href="https://www.taobao.com/webww/ww.php?ver=3&touid=%E5%A5%BD%E5%8F%88%E5%A4%9A%E6%AD%A3%E5%93%81%E5%BA%972012&siteid=cntaobao&status=2&charset=utf-8&scene=taobao_shop"><span style="color:#658A21;">查件客服</span>:<img border="0" src="//gdp.alicdn.com/imgextra/i2/T2NX03XeJaXXXXXXXX-46505722.gif" alt="点这里给我发消息" /></a> </div> </td> <td> <div style="font-size:12px;font-weight:bold;"> 店铺公告 </div> <div style="padding-top:3px;margin-right:15px;"> <span style="vertical-align:middle;font-size:12px;color:#658A21;line-height:16px;">欢迎光临本店，本店所有商品均为实物拍摄，质量保证，请放心购买，请认准七宝设计团队，唯一旺旺标识：好又多正品店2012，感谢您的支持！</span> </div> </td> </tr> </tbody> </table> </div> </div> <div style="width:950px;height:120px;background:url(//gdp.alicdn.com/imgextra/i4/11193727/TB26YuVeFXXXXb8XpXXXXXXXXXX-11193727.jpg) no-repeat bottom;font-size:12px;color:#000;"> <a href="//favorite.taobao.com/popup/add_collection.htm?id=117108042&itemtype=0&is_tmall=&is_lp=&is_taohua&scene=taobao_shop" target="_blank" style="width:950px;height:120px;display:block;text-decoration:none;"> </a> </div> </div>
6 新品推荐模块代码：【使用方法:同上】
<div style="width:950px;height:90px;overflow:hidden;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2NXnkaXXXXXa7XpXXXXXXXXXX-11193727.gif) no-repeat #F7F2DC;"> <div style="width:220px;text-align:left;height:19px;font-size:20px;color:#F6FEE0;font-weight:700;text-decoration:none;margin-left:400px;font-family:微软雅黑;"> <div style="line-height:30px;margin-top:20px;"> 新品宝贝推荐 </div> </div> </div> <div style="width:950px;overflow:hidden;color:#3F522C;font-size:12px;background:#E8F5DB;"> <table width="950" border="0" cellspacing="0" cellpadding="0" style="margin-top:10px;"> <tbody> <tr> <td> <a href="//item.taobao.com/item.htm?id=527449636072&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i1/TB1ME_vIpXXXXaPXpXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> <td> <div style="width:10px;"> </div> </td> <td> <a href="//item.taobao.com/item.htm?id=527449584383&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i4/TB1C2AgHpXXXXciXXXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> <td> <div style="width:10px;"> </div> </td> <td> <a href="//item.taobao.com/item.htm?id=527349423374&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i2/TB1hFhgHFXXXXXRXXXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> </tr> <tr> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司2016夏装新款短袖t恤男民族花卉印花日系原宿原创设计半截袖 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>199.00 </div> </td> </tr> </tbody> </table> </td> <td> <div style="width:10px;"> </div> </td> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司2016夏季韩版白色男士修身 圆领短袖花纹图案原创设计T恤男 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>199.00 </div> </td> </tr> </tbody> </table> </td> <td> <div style="width:10px;"> </div> </td> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司2016夏季韩版白色男士修身 圆领短袖字母图案原创T恤半截袖男 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>199.00 </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <a href="//item.taobao.com/item.htm?id=527381091876&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i3/TB17sCCJVXXXXc9XpXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> <td> <div style="width:10px;"> </div> </td> <td> <a href="//item.taobao.com/item.htm?id=527359503578&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i1/TB1bb0YJVXXXXXbXpXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> <td> <div style="width:10px;"> </div> </td> <td> <a href="//item.taobao.com/item.htm?id=527359495600&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i2/TB158JvJVXXXXXqaXXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> </tr> <tr> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司秋冬新款男士圆领长袖t恤青少年修身加绒加厚T恤大码打底衫男 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>218.00 </div> </td> </tr> </tbody> </table> </td> <td> <div style="width:10px;"> </div> </td> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司秋冬新款男薄款修身套头毛衣 撞色毛衣针织衫 男士圆领毛衣潮 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>259.00 </div> </td> </tr> </tbody> </table> </td> <td> <div style="width:10px;"> </div> </td> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 2016年秋冬季加绒加厚男装长袖t恤保暖秋衣圆领打底衫冬装衣服潮 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>289.00 </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <a href="//item.taobao.com/item.htm?id=527381355467&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i3/TB1EvpZHpXXXXXjXXXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> <td> <div style="width:10px;"> </div> </td> <td> <a href="//item.taobao.com/item.htm?id=527359427679&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i1/TB1TINDJVXXXXa.XVXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> <td> <div style="width:10px;"> </div> </td> <td> <a href="//item.taobao.com/item.htm?id=527381095866&scene=taobao_shop" target="_blank"><img src="//gdp.alicdn.com/bao/uploaded/i3/TB1JIS.GVXXXXXIXVXXXXXXXXXX_!!0-item_pic.jpg_310x310.jpg" width="310" height="310" /></a> </td> </tr> <tr> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司2016夏新款男士短袖t恤欧美潮流男装T桖纯棉纯色大码原创设计 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>199.00 </div> </td> </tr> </tbody> </table> </td> <td> <div style="width:10px;"> </div> </td> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司2016冬季韩版潮男衬衫 男 长袖 修身休闲衬衣纯色时尚寸衫 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>269.00 </div> </td> </tr> </tbody> </table> </td> <td> <div style="width:10px;"> </div> </td> <td height="90" valign="top"> <table width="306" border="0" cellspacing="0" cellpadding="0" style="margin-bottom:10px;"> <tbody> <tr> <td> <div style="width:298px;height:36px;line-height:18px;overflow:hidden;margin:5px 5px 10px;text-align:left;"> 汉司2016春装打底衫高领可翻领加厚长袖t恤紧身衣纯棉加厚纯色潮 </div> </td> </tr> <tr> <td height="30" style="background:#62883B;"> <div style="font-size:16px;font-family:宋体;color:#E8F5DB;font-weight:bold;padding-left:30px;background:url(//gdp.alicdn.com/imgextra/i2/11193727/TB2eNEPdpXXXXcDXXXXXXXXXXXX-11193727.gif) no-repeat left;width:90%;margin-left:10px;height:30px;line-height:30px;"> <span style="font-size:12px;font-family:arial;margin-right:3px;">￥</span>199.00 </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div>
7 页尾代码：【使用方法:同上】
<table border="0" width="950" cellpadding="0" cellspacing="0"> <tbody> <tr> <td bgcolor="#000000" height="25"> <table border="0" width="950" cellpadding="0" cellspacing="0"> <tbody> <tr> <td bgcolor="#7ECD18" width="270"> </td> <td align="center" bgcolor="#7ECD18" height="25" valign="center" width="410"> <p align="center"><span><span style="font-size:12px;"><span style="color:rgb(255,255,255);">★返回首页★</span><span style="color:rgb(255,255,255);">丨</span><span style="color:rgb(255,255,255);">★收藏本店★</span><span style="color:rgb(255,255,255);">丨</span><a href="#" data-cke-saved-=""><span style="color:rgb(255,255,255);">★返回顶部★</span></a></span></span></p> </td> <td bgcolor="#7ECD18" width="270"> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> </span></span></span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td bgcolor="#ffffff" height="40"> <table border="0" width="950" cellpadding="0" cellspacing="0"> <tbody> <tr> <td bgcolor="#faf4e6" width="34"> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> </span></span></span> </td> <td align="center" bgcolor="#faf4e6" valign="center" width="70"> <strong><span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">咨询客服</span></span></span></strong> </td> <td align="left" bgcolor="#faf4e6" height="40" valign="center" width="537"> <div> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">客服01：<img src="//gdp.alicdn.com/tps/i4/T1YNJJXfFHXXXXXXXX-21-21.gif" data-cke-saved-="" /> 客服02：<img src="//gdp.alicdn.com/tps/i4/T1YNJJXfFHXXXXXXXX-21-21.gif" data-cke-saved-="" /> 客服03：<img src="//gdp.alicdn.com/tps/i4/T1YNJJXfFHXXXXXXXX-21-21.gif" data-cke-saved-="" /> 客服04：</span></span></span><img src="//gdp.alicdn.com/tps/i4/T1YNJJXfFHXXXXXXXX-21-21.gif" data-cke-saved-="" /><span style="font-size:12px;"> </span> </div> </td> <td bgcolor="#faf4e6" width="69"> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> </span></span></span> </td> <td align="left" bgcolor="#faf4e6" valign="center" width="201"> <div> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">工作时间 9：00-24：00 节假不休息</span></span></span> </div> </td> <td bgcolor="#faf4e6" width="39"> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> </span></span></span> </td> </tr> </tbody> </table> </td> </tr> <tr> <td bgcolor="#ffffff"> <div style="border-bottom:#7ECD18 1px solid;border-top:#7ECD18 3px solid;"> <table border="0" width="950" cellpadding="0" cellspacing="0"> <tbody> <tr align="left" valign="center"> <td bgcolor="#faf4e6" height="100" width="20"> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> </span></span></span> </td> <td style="text-align:center;" bgcolor="#faf4e6" width="70"> <span style="color:#7ECD18;"><span style="font-size:60px;"> 1</span></span> </td> <td bgcolor="#faf4e6" width="9"> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> </span></span></span> </td> <td bgcolor="#faf4e6" width="125"> <p><strong><span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">包邮说明</span></span></span></strong></p> <p><span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">本店模板更新快，</span></span></span></p> <p><span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> 20元包更新。 </span></span></span></p> <p><span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">同行勿扰，不议价。</span></span></span></p> </td> <td bgcolor="#faf4e6" width="23"> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> </span></span></span> </td> <td style="text-align:center;" bgcolor="#faf4e6" width="71"> <span style="color:#7ECD18;"><span style="font-size:12px;"><span style="font-size:60px;">2</span></span></span> </td> <td bgcolor="#faf4e6" width="9"> <p> </p> </td> <td bgcolor="#faf4e6" width="124"> <p><strong><span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">关于色差</span></span></span></strong></p> <p><span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">亲，显示器存在一定色差，不接受色差原因退款~！</span></span></span></p> </td> <td bgcolor="#faf4e6" width="24"> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> </span></span></span> </td> <td style="text-align:center;" bgcolor="#faf4e6" width="71"> <span style="color:#7ECD18;"><span style="font-size:12px;"><span style="font-size:12px;"><span style="font-size:60px;">3</span></span></span></span> </td> <td bgcolor="#faf4e6" width="9"> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> </span></span></span> </td> <td bgcolor="#faf4e6" width="124"> <p><strong><span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">关于发货</span></span></span></strong></p> <p><span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">默认发申通快递，如需其他快递请提前旺旺说明噢~！</span></span></span></p> </td> <td bgcolor="#faf4e6" width="24"> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> </span></span></span> </td> <td style="text-align:center;" bgcolor="#faf4e6" width="71"> <span style="color:#7ECD18;"><span style="font-size:12px;"><span style="font-size:12px;"><span style="font-size:12px;"><span style="font-size:60px;">4</span></span></span></span></span> </td> <td bgcolor="#faf4e6" width="9"> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> </span></span></span> </td> <td bgcolor="#faf4e6" width="124"> <p><strong><span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">退换须知</span></span></span></strong></p> <p><span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">在不影响二次销售情况下，退换产品！</span></span></span></p> </td> <td bgcolor="#faf4e6" width="43"> <span style="color:rgb(0,0,0);"><span><span style="font-size:12px;"> </span></span></span> </td> </tr> </tbody> </table> </div> </td> </tr> <tr> </tr> </tbody> </table>
8、页头背景：【平铺方式:横向平铺】右键直接另存图片到桌面
9、页面背景：【平铺方式:平铺】
结尾语：这个模板只适合专业版旺铺喔！如果你的店铺是基础版的话，就比较麻烦，但还是可以通过转码，可以实现这个效果，
只是需收费转代码，可联系站长QQ：254206549 也可进入淘宝店铺地址购买服务：淘宝官网
飞蚂蚁模板网版权9
