站長推薦：淘寶一鍵安裝模板，永久使用，20分鐘搞定裝修 點擊查看
模板介紹：綠色淘寶女裝基礎版店鋪裝修免費模板自帶輪播圖代碼模板
模板風格：綠色
適用行業：女裝類目!
適合旺鋪：淘寶旺鋪基礎版
基礎版旺鋪具體設置方法請看：基礎背景圖設置教程
專業版旺鋪具體設置方法請看：專業版背景圖設置教程
模板首頁效果圖：
以下是代碼部分：PS:代碼分4部分，一個是店招（圖片直接插入就好了），還有導航條代碼 另外是右邊代碼 和左邊代碼，直接復制然后在代碼模式下操作，就可以了。
非常簡單的，不懂的可以進群交流，網頁下方有進群方式，謝謝合作！
店招圖片：先點圖片右鍵保存在本地，然后在上傳到圖片空間，最后插入店招里就好
頁面背景：平鋪-居中
頁頭背景：平鋪-居中
導航條綠色代碼：把以下代碼放進導航顯示里面就好了
.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 .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 .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 .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 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 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 a{font-size:12px;}
.skin-box-bd .all-cats:hover .link, .skin-box-bd .all-cats-hover .link{background:#151614;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name{color:#f2f5ed;}
.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:#272825;}
.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:#e8dddd;}
.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:#222420;}
.skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover{background:#0a0a0a;}
.skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover{border-color:#1a1a18;}
.skin-box-bd .menu-list .menu:hover .link, .skin-box-bd .menu-list .menu-hover .link{background:#1f201d;}
.skin-box-bd .menu-list .menu{border-right:1px solid #9c2222;}
.skin-box-bd .popup-content .menu-popup-cats .sub-cat a{color:#f5f7f1;}
.skin-box-bd, .skin-box-bd .menu-list{background:#27b90b;}
.skin-box-bd .menu-list .menu .link{background:#27b90b;}
.skin-box-bd .all-cats .link{background:#27b90b;}
.skin-box-bd .all-cats-popup, .skin-box-bd .popup-content .cats-tree .fst-cat{background:#27b90b;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner{background:#27b90b;}
.skin-box-bd .popup-content .menu-popup-cats{background:#27b90b;}| 高領毛衣女套頭2017秋冬新款韓版寬松上衣短款百搭長袖顯瘦打底衫 | |
|---|---|
 | |
￥ 88.00 54325 人喜歡 | |
右邊代碼：先自定義750，然后在復制代碼進去，注意要在代碼模式下操作喔！可先在線運行查看效果！
<div class="box">
<div class="shop-custom no-border">
<div class="bd">
<div class="custom-area">
<table border="0" cellspacing="0" cellpadding="0" width="750">
<tbody>
<tr>
<td width="750">
<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1it2XXn0cXXbZyKnR-73927216.jpg" width="750" height="118" />
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0" width="750">
<tbody>
<tr>
<td>
<img alt="" src="//gdp.alicdn.com/imgextra/i2/T190YXXopcXXbZyKnR-73927216.jpg" width="186" height="301" />
</td>
<td>
<div style="overflow-x:hidden;overflow-y:hidden;width:544px;float:left;height:301px;" class="slider-promo J_TWidget" align="left" data-widget-config="{"activeTriggerCls":"current","effect":"fade","navCls":"lst-trigger","contentCls":"lst-main"}" data-widget-type="Slide">
<li style="display:block;">
<div align="center">
<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{"type":"href","desc":"輸入圖片1連接地址"}]" data-thumb="http://img01.taobaocdn.com/imgextra/i1/T1FrKSXo8jXXXSvBPk-42930880.gif"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i1/T1CJ2XXm8cXXbZyKnR-73927216.jpg" width="544" height="301" data-attr-replace="[{"type":"src","desc":"輸入圖片1地址(尺寸:544x301像素)"}]" /></a>
</div>
</li>
<li style="display:block;">
<div align="center">
<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{"type":"href","desc":"輸入圖片2連接地址"}]" data-thumb="http://img01.taobaocdn.com/imgextra/i1/T1FrKSXo8jXXXSvBPk-42930880.gif"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i4/T1Qt6XXjXcXXbZyKnR-73927216.jpg" width="544" height="301" data-attr-replace="[{"type":"src","desc":"輸入圖片2地址(尺寸:544x301像素)"}]" /></a>
</div>
</li>
<li style="display:block;">
<div align="center">
<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{"type":"href","desc":"輸入圖片3連接地址"}]" data-thumb="http://img01.taobaocdn.com/imgextra/i1/T1FrKSXo8jXXXSvBPk-42930880.gif"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i1/T1CJ2XXm8cXXbZyKnR-73927216.jpg" width="544" height="301" data-attr-replace="[{"type":"src","desc":"輸入圖片3地址(尺寸:544x301像素)"}]" /></a>
</div>
</li>
<li style="display:block;">
<div align="center">
<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{"type":"href","desc":"輸入圖片4連接地址"}]" data-thumb="http://img01.taobaocdn.com/imgextra/i1/T1FrKSXo8jXXXSvBPk-42930880.gif"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i4/T1Qt6XXjXcXXbZyKnR-73927216.jpg" width="544" height="301" data-attr-replace="[{"type":"src","desc":"輸入圖片4地址(尺寸:544x301像素)"}]" /></a>
</div>
</li>
<li style="display:block;">
<div align="center">
<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{"type":"href","desc":"輸入圖片5連接地址"}]" data-thumb="http://img01.taobaocdn.com/imgextra/i1/T1FrKSXo8jXXXSvBPk-42930880.gif"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i1/T1CJ2XXm8cXXbZyKnR-73927216.jpg" width="544" height="301" data-attr-replace="[{"type":"src","desc":"輸入圖片5地址(尺寸:544x301像素)"}]" /></a>
</div>
</li>
</ul>
<ul class="lst-trigger">
<li class="current">
1
</li>
<li>
2
</li>
<li>
3
</li>
<li>
4
</li>
<li>
5
</li>
</ul>
</div>
</td>
<td>
<img alt="" src="//gdp.alicdn.com/imgextra/i2/T1r06XXkBcXXbZyKnR-73927216.jpg" width="20" height="301" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<img alt="" src="//gdp.alicdn.com/imgextra/i3/T14t2XXlNcXXbZyKnR-73927216.jpg" width="750" height="87" />
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" cellpadding="0" width="750">
<tbody>
<tr>
<td width="186">
<img alt="" src="//gdp.alicdn.com/imgextra/i2/T1Y0PXXntcXXbZyKnR-73927216.jpg" width="186" height="135" />
</td>
<td style="line-height:160%;" background="//gdp.alicdn.com/imgextra/i3/T1ad2XXolcXXbZyKnR-73927216.jpg" width="557">
<marquee direction="up" height="120" width="420" scrollamount="1" style="height: 120px; width: 420px;"> 我的新新小店剛剛開張，還需要您和您的朋友多多惠顧哦。希望您能找到自己喜歡的商品，謝謝光臨!~~~ 歡迎您來看看哦!</marquee>
</td>
<td width="10">
<img alt="" src="//gdp.alicdn.com/imgextra/i3/T1k06XXkRcXXbZyKnR-73927216.jpg" width="125" height="135" />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="750">
<tbody>
<tr>
<td colspan="7">
<img alt="" src="//gdp.alicdn.com/imgextra/i4/T18J2XXiBcXXbZyKnR-73927216.jpg" width="750" height="124" />
</td>
</tr>
<tr>
<td valign="top" background="//gdp.alicdn.com/imgextra/i1/T16dYXXoBcXXbZyKnR-73927216.jpg">
<img alt="" src="//gdp.alicdn.com/imgextra/i1/T10JYXXoVcXXbZyKnR-73927216.jpg" width="78" height="204" />
</td>
<td width="172" align="center">
<img alt="" src="//gdp.alicdn.com/imgextra/i3/T1Id2XXmRcXXbZyKnR-73927216.jpg" width="172" height="204" />
</td>
<td background="//gdp.alicdn.com/imgextra/i2/T1_0zXXj4cXXbZyKnR-73927216.jpg">
<img alt="" src="//gdp.alicdn.com/imgextra/i2/T1_0zXXj4cXXbZyKnR-73927216.jpg" width="54" height="204" />
</td>
<td width="172" align="center">
<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1fd2XXodcXXbZyKnR-73927216.jpg" width="172" height="204" />
</td>
<td background="//gdp.alicdn.com/imgextra/i3/T1kq_XXmtcXXbZyKnR-73927216.jpg">
<img alt="" src="//gdp.alicdn.com/imgextra/i3/T1kq_XXmtcXXbZyKnR-73927216.jpg" width="53" height="204" />
</td>
<td width="172" align="center">
<img alt="" src="//gdp.alicdn.com/imgextra/i3/T1Md2XXmNcXXbZyKnR-73927216.jpg" width="172" height="204" />
</td>
<td background="//gdp.alicdn.com/imgextra/i4/T1zt6XXkXcXXbZyKnR-73927216.jpg" width="49">
<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1zt6XXkXcXXbZyKnR-73927216.jpg" width="49" height="204" />
</td>
</tr>
<tr>
<td colspan="7">
<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1YJYXXoVcXXbZyKnR-73927216.jpg" width="750" height="12" />
</td>
</tr>
<tr>
<td height="50" background="//gdp.alicdn.com/imgextra/i1/T11J6XXiBcXXbZyKnR-73927216.jpg" colspan="7">
<table border="0" cellspacing="0" cellpadding="4" width="750">
<tbody>
<tr style="line-height:140%;color:#CC6600;font-size:14px;">
<td height="60" width="63">
</td>
<td width="179" align="center">
在這里輸入您的寶貝名稱<br />
<strong>心動價：98元</strong>
<div>
</div>
</td>
<td width="34">
</td>
<td width="180" align="center">
在這里輸入您的寶貝名稱<br />
<strong>心動價：98元</strong>
<div>
</div>
</td>
<td width="25">
</td>
<td width="182" align="center">
在這里輸入您的寶貝名稱<br />
<strong>心動價：98元</strong>
</td>
<td width="31">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="7">
<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1Md6XXjpcXXbZyKnR-73927216.jpg" width="750" height="15" />
</td>
</tr>
<tr>
<td background="//gdp.alicdn.com/imgextra/i1/T16dYXXoBcXXbZyKnR-73927216.jpg">
<img alt="" src="//gdp.alicdn.com/imgextra/i1/T16dYXXoBcXXbZyKnR-73927216.jpg" width="78" height="204" />
</td>
<td align="center">
<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1mJ2XXnRcXXbZyKnR-73927216.jpg" width="172" height="204" />
</td>
<td background="//gdp.alicdn.com/imgextra/i2/T1_0zXXj4cXXbZyKnR-73927216.jpg">
<img alt="" src="//gdp.alicdn.com/imgextra/i2/T1_0zXXj4cXXbZyKnR-73927216.jpg" width="54" height="204" />
</td>
<td align="center">
<img alt="" src="//gdp.alicdn.com/imgextra/i2/T1xt6XXklcXXbZyKnR-73927216.jpg" width="172" height="204" />
</td>
<td background="//gdp.alicdn.com/imgextra/i3/T1kq_XXmtcXXbZyKnR-73927216.jpg">
<img alt="" src="//gdp.alicdn.com/imgextra/i3/T1kq_XXmtcXXbZyKnR-73927216.jpg" width="53" height="204" />
</td>
<td align="center">
<img alt="" src="//gdp.alicdn.com/imgextra/i2/T1pJ6XXkJcXXbZyKnR-73927216.jpg" width="172" height="204" />
</td>
<td background="//gdp.alicdn.com/imgextra/i4/T1zt6XXkXcXXbZyKnR-73927216.jpg">
<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1zt6XXkXcXXbZyKnR-73927216.jpg" width="49" height="204" />
</td>
</tr>
<tr>
<td colspan="7">
<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1YJYXXoVcXXbZyKnR-73927216.jpg" width="750" height="12" />
</td>
</tr>
<tr>
<td height="50" background="//gdp.alicdn.com/imgextra/i1/T11J6XXiBcXXbZyKnR-73927216.jpg" colspan="7">
<table border="0" cellspacing="0" cellpadding="4" width="750">
<tbody>
<tr style="line-height:140%;color:#CC6600;font-size:14px;">
<td height="60" width="63">
</td>
<td width="179" align="center">
在這里輸入您的寶貝名稱<br />
<strong>心動價：98元</strong>
<div>
</div>
</td>
<td width="34">
</td>
<td width="180" align="center">
在這里輸入您的寶貝名稱<br />
<strong>心動價：98元</strong>
<div>
</div>
</td>
<td width="25">
</td>
<td width="182" align="center">
在這里輸入您的寶貝名稱<br />
<strong>心動價：98元</strong>
</td>
<td width="31">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>| 眾緣鳥法蘭絨睡衣女士冬季長袖韓版冬天珊瑚絨加厚套裝家居服 | |
|---|---|
 | |
￥ 49.00 7653 人喜歡 | |
左邊代碼：先自定義750，然后在復制代碼進去，注意要在代碼模式下操作喔！可先在線運行查看效果！
<div class="box"> <div class="shop-custom no-border"> <div class="bd"> <div class="custom-area"> <table border="0" cellspacing="0" cellpadding="0" width="190"> <tbody> <tr> <td> <img alt="" src="//gdp.alicdn.com/imgextra/i1/T10t2XXl4cXXbZyKnR-73927216.jpg" width="190" height="250" /> </td> </tr> <tr> <td style="line-height:190%;padding-left:20px;color:#8F5C59;" height="190" background="//gdp.alicdn.com/imgextra/i3/T12JYXXoNcXXbZyKnR-73927216.jpg"> <strong>工作時間：</strong><br /> 周一至周五：9:00-21:00<br /> 周六至周日：0:00-24:00<br /> <strong> 在線咨詢：<br /> </strong> 客服萱萱：<img border="0" alt="點擊這里給我發消息" src="//gdp.alicdn.com/imgextra/i3/T25qVIXllaXXXXXXXX-142125795.jpg" width="77" height="18" /><br /> 客服萱萱：<img border="0" alt="點擊這里給我發消息" src="//gdp.alicdn.com/imgextra/i3/T25qVIXllaXXXXXXXX-142125795.jpg" width="77" height="18" /><br /> 客服萱萱：<img border="0" alt="點擊這里給我發消息" src="//gdp.alicdn.com/imgextra/i3/T25qVIXllaXXXXXXXX-142125795.jpg" width="77" height="18" /><br /> 客服萱萱：<img border="0" alt="點擊這里給我發消息" src="//gdp.alicdn.com/imgextra/i3/T25qVIXllaXXXXXXXX-142125795.jpg" width="77" height="18" /> </td> </tr> <tr> <td> <img alt="" src="//gdp.alicdn.com/imgextra/i3/T1Pt6XXjXcXXbZyKnR-73927216.jpg" width="190" height="38" /> </td> </tr> <tr> <td> <img border="0" alt="" src="//gdp.alicdn.com/imgextra/i1/T1H06XXjFcXXbZyKnR-73927216.jpg" width="190" height="177" /> </td> </tr> </tbody> </table> <table border="0" cellspacing="0" cellpadding="0" width="190"> <tbody> <tr> <td> <img alt="" src="//gdp.alicdn.com/imgextra/i2/T17JYXXotcXXbZyKnR-73927216.jpg" width="190" height="21" /> </td> </tr> <tr> <td height="170" background="//gdp.alicdn.com/imgextra/i1/T1PJYXXXhdXXbZyKnR-73927216.jpg" width="272" align="center"> <a href="http://www.taobao.com/?scene=taobao_shop"><img border="0" src="//gdp.alicdn.com/imgextra/i3/T1CJzXXo8cXXbZyKnR-73927216.jpg" width="162" height="272" /></a> </td> </tr> <tr> <td style="padding-right:20px;color:#C57003;" height="35" background="//gdp.alicdn.com/imgextra/i4/T1h06XXkVcXXbZyKnR-73927216.jpg" align="right"> <strong>一口價：178元</strong> </td> </tr> <tr> <td> <img src="//gdp.alicdn.com/imgextra/i3/T1Wd2XXmdcXXbZyKnR-73927216.jpg" width="190" height="26" /> </td> </tr> <tr> <td height="170" background="//gdp.alicdn.com/imgextra/i1/T1PJYXXXhdXXbZyKnR-73927216.jpg" align="center"> <a href="http://www.taobao.com/?scene=taobao_shop"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i4/T1ed6XXldcXXbZyKnR-73927216.jpg" width="162" height="213" /></a> </td> </tr> <tr> <td style="padding-right:20px;color:#C57003;" height="40" background="//gdp.alicdn.com/imgextra/i1/T1Wd6XXiRcXXbZyKnR-73927216.jpg" align="right"> <strong>一口價：178元</strong> </td> </tr> <tr> <td> <img alt="" src="//gdp.alicdn.com/imgextra/i3/T1S06XXi4cXXbZyKnR-73927216.jpg" width="190" height="147" /> </td> </tr> <tr> <td style="padding-left:20px;padding-right:20px;" height="179" valign="top" background="//gdp.alicdn.com/imgextra/i1/T1Qd2XXmtcXXbZyKnR-73927216.jpg"> <p style="line-height:190%;color:#8F5C59;">1、承諾所售商品均如實描述！<br /> 2、照片百分百實物拍攝，已盡量把色差調至最小！<br /> 3、所有商品保證為正規品牌商品，絕無假冒偽劣！<br /> 4、收到貨物之日起，如對商品不滿意可以在7天內退換貨！</p> </td> </tr> <tr> <td> <img alt="" src="//gdp.alicdn.com/imgextra/i3/T140YXXoFcXXbZyKnR-73927216.jpg" width="190" height="33" /> </td> </div>
| 瑞顏秋冬外穿打底褲加絨女褲高腰彈力小腳鉛筆褲女士長褲子加厚 | |
|---|---|
 | |
￥ 59.80 65785 人喜歡 | |
