模板介紹：淘寶店鋪裝修模板綠色風格男裝大氣模板專業(yè)版旺鋪代碼模板
模板風格：淡雅清新 適用行業(yè)：適合各行各業(yè)! 適合旺鋪：淘寶新旺鋪專業(yè)版
不會安裝？：本站提供所有裝修視頻教程【點擊查看】
模板展示：
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恤男民族花卉印花日系原宿原創(chuàng)設計半截袖 </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夏季韓版白色男士修身 圓領(lǐng)短袖花紋圖案原創(chuàng)設計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夏季韓版白色男士修身 圓領(lǐng)短袖字母圖案原創(chuàng)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;"> 漢司秋冬新款男士圓領(lǐng)長袖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;"> 漢司秋冬新款男薄款修身套頭毛衣 撞色毛衣針織衫 男士圓領(lǐng)毛衣潮 </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恤保暖秋衣圓領(lǐng)打底衫冬裝衣服潮 </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桖純棉純色大碼原創(chuàng)設計 </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春裝打底衫高領(lǐng)可翻領(lǐng)加厚長袖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="點這里給我發(fā)消息" /></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="點這里給我發(fā)消息" /></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="點這里給我發(fā)消息" /></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;">歡迎光臨本店，本店所有商品均為實物拍攝，質(zhì)量保證，請放心購買，請認準七寶設計團隊，唯一旺旺標識：好又多正品店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恤男民族花卉印花日系原宿原創(chuàng)設計半截袖 </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夏季韓版白色男士修身 圓領(lǐng)短袖花紋圖案原創(chuàng)設計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夏季韓版白色男士修身 圓領(lǐng)短袖字母圖案原創(chuàng)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;"> 漢司秋冬新款男士圓領(lǐng)長袖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;"> 漢司秋冬新款男薄款修身套頭毛衣 撞色毛衣針織衫 男士圓領(lǐng)毛衣潮 </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恤保暖秋衣圓領(lǐng)打底衫冬裝衣服潮 </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桖純棉純色大碼原創(chuàng)設計 </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春裝打底衫高領(lǐng)可翻領(lǐng)加厚長袖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 節(jié)假不休息</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;">關(guān)于色差</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;">關(guān)于發(fā)貨</span></span></span></strong></p> <p><span style="color:rgb(0,0,0);"><span><span style="font-size:12px;">默認發(fā)申通快遞，如需其他快遞請?zhí)崆巴f明噢~！</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;">在不影響二次銷售情況下，退換產(chǎn)品！</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、頁面背景：【平鋪方式:平鋪】
結(jié)尾語：這個模板只適合專業(yè)版旺鋪喔！如果你的店鋪是基礎(chǔ)版的話，就比較麻煩，但還是可以通過轉(zhuǎn)碼，可以實現(xiàn)這個效果，
只是需收費轉(zhuǎn)代碼，可聯(lián)系站長QQ：254206549 也可進入淘寶店鋪地址購買服務：淘寶官網(wǎng)
飛螞蟻模板網(wǎng)版權(quán)1
