站長推薦：淘寶一鍵安裝模板，永久使用，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{background:#ECECEC;}
.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 .menu-list .menu:hover .link, .skin-box-bd .menu-list .menu-hover .link{background:#e8eede;}
.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 a{color:#111111;}
.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, .skin-box-bd .menu-list{background:#a19595;}
.skin-box-bd .menu-list .menu{border-right:1px solid #312a2a;}
.skin-box-bd .menu-list .menu .link{background:#9f9292;}
.skin-box-bd .all-cats .link{background:#9f9292;}
.skin-box-bd .all-cats-popup, .skin-box-bd .popup-content .cats-tree .fst-cat{background:#9f9292;}
.skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner{background:#9f9292;}| 木木屋寶寶學步鞋0-1歲男女寶寶軟底嬰兒鞋子機能鞋秋冬加絨棉鞋 | |
|---|---|
 | |
￥ 59.90 78457 人喜歡 | |
右邊代碼：代碼放在750自定義里面，可以先運行代碼看下效果然后在點復制，注意復制后要把本站連接去掉喔！
<table width="750" height="426" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="750" height="19" background="http://img03.taobaocdn.com/imgextra/i3/T2HG0SXn8bXXXXXXXX-46505722.gif" colspan="3"></td>
</tr>
<tr>
<td width="29" height="407" background="http://img03.taobaocdn.com/imgextra/i3/T2aa0SXXxcXXXXXXXX-46505722.gif" rowspan="2"></td>
<td width="558" height="344" background="http://img03.taobaocdn.com/imgextra/i3/T2gW0SXXhcXXXXXXXX-46505722.gif">
<div class="slider-promo J_Slider J_TWidget" data-widget-type="Slide" data-widget-config="{'effect':'fade','contentCls': 'keaiju-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" style="height:334px;overflow:hidden;">
<ul class="keaiju-main">
<li style="display: block; position: absolute; z-index: 1; -moz-transition-property: none; -moz-transition-duration: 500ms; -moz-transition-timing-function: linear; opacity: 0;">
<a data-attr-replace="[{'type':'href','desc':'輪播圖片01的鏈接地址'}]" href="http://design.taobao.com/common/鏈接" style="height:334px;">
<img width="558" height="334" data-attr-replace="[{'type':'src','desc':'顯示輪播圖片02的地址'}]" src="http://img03.taobaocdn.com/imgextra/i3/T2sW0SXoJbXXXXXXXX-46505722.gif" alt="">
</a>
</li>
<li style="display: block; position: absolute; z-index: 1; -moz-transition-property: none; -moz-transition-duration: 500ms; -moz-transition-timing-function: linear; opacity: 0;">
<a data-attr-replace="[{'type':'href','desc':'輪播圖片02的鏈接地址'}]" href="http://design.taobao.com/common/鏈接" style="height:334px;">
<img width="558" height="334" data-attr-replace="[{'type':'src','desc':'顯示輪播圖片03的地址'}]" src="http://img04.taobaocdn.com/imgextra/i4/T2Fa0SXoXbXXXXXXXX-46505722.gif" alt="">
</a>
</li>
<li style="display: block; position: absolute; z-index: 1; -moz-transition-property: none; -moz-transition-duration: 500ms; -moz-transition-timing-function: linear; opacity: 0;">
<a data-attr-replace="[{'type':'href','desc':'輪播圖片03的鏈接地址'}]" href="http://design.taobao.com/common/鏈接" style="height:334px;">
<img width="558" height="334" data-attr-replace="[{'type':'src','desc':'顯示輪播圖片04的地址'}]" src="http://img04.taobaocdn.com/imgextra/i4/T2jq0SXXXcXXXXXXXX-46505722.gif" alt="">
</a>
</li>
<li style="display: block; position: absolute; z-index: 9; -moz-transition-property: none; -moz-transition-duration: 500ms; -moz-transition-timing-function: linear; opacity: 1;">
<a data-attr-replace="[{'type':'href','desc':'輪播圖片04的鏈接地址'}]" href="http://design.taobao.com/common/鏈接" style="height:334px;">
<img width="558" height="334" data-attr-replace="[{'type':'src','desc':'顯示輪播圖片05的地址'}]" src="http://img04.taobaocdn.com/imgextra/i4/T2dG0SXXpcXXXXXXXX-46505722.gif" alt="">
</a>
</li>
</ul>
<ul class="lst-trigger">
<li class="">1</li>
<li class="">2</li>
<li class="">3</li>
<li class="">4</li>
<li class="current">5</li>
</ul>
</div>
</td>
<td>
<img width="163" height="344" src="http://img04.taobaocdn.com/imgextra/i4/T2xa0SXoxbXXXXXXXX-46505722.gif" alt="">
</td>
</tr>
<tr>
<td width="721" height="63" background="http://img03.taobaocdn.com/imgextra/i3/T2_GVSXXBcXXXXXXXX-46505722.gif" colspan="2"></td>
</tr>
</tbody>
</table>
<table width="750" height="698" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="750" height="62" background="http://img04.taobaocdn.com/imgextra/i4/T27b4JXkdaXXXXXXXX-46505722.gif">
<table width="750" height="62" cellspacing="0" cellpadding="0" background="http://img04.taobaocdn.com/imgextra/i4/T27b4JXkdaXXXXXXXX-46505722.gif">
<tbody>
<tr>
<td width="111"></td>
<td align="center" width="127" valign="center">
￥
<font style="color:#FF588B;font-size:18pt;">395.00</font>
</td>
<td align="center" width="123"></td>
<td align="center" width="125">
￥
<font style="color:#FF588B;font-size:18pt;">266.00</font>
</td>
<td align="center" width="121"></td>
<td align="center" width="124">
￥
<font style="color:#FF588B;font-size:18pt;">189.00</font>
</td>
<td align="center" width="17"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="750" height="223" background="http://img04.taobaocdn.com/imgextra/i4/T2Vb4JXjBaXXXXXXXX-46505722.gif">
<table width="750" height="223" cellspacing="0" cellpadding="0" background="http://img04.taobaocdn.com/imgextra/i4/T2Vb4JXjBaXXXXXXXX-46505722.gif">
<tbody>
<tr>
<td width="17"></td>
<td align="center" width="221" valign="center">
<img src="http://img03.taobaocdn.com/imgextra/i3/T2gY8JXi4aXXXXXXXX-46505722.gif" alt="">
<br>
</td>
<td align="center" width="28"></td>
<td align="center" width="220">
<img src="http://img02.taobaocdn.com/imgextra/i2/T2oH8JXipaXXXXXXXX-46505722.gif" alt="">
</td>
<td align="center" width="26"></td>
<td align="center" width="219">
<img src="http://img03.taobaocdn.com/imgextra/i3/T2sb8JXh4aXXXXXXXX-46505722.gif" alt="">
</td>
<td align="center" width="17"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="750" height="18" background="http://img03.taobaocdn.com/imgextra/i3/T28Y4JXj8aXXXXXXXX-46505722.gif"></td>
</tr>
<tr>
<td width="750" height="36" background="http://img03.taobaocdn.com/imgextra/i3/T2nr8JXiFaXXXXXXXX-46505722.gif">
<table width="750" height="36" cellspacing="0" cellpadding="0" background="http://img03.taobaocdn.com/imgextra/i3/T2nr8JXiFaXXXXXXXX-46505722.gif">
<tbody>
<tr>
<td width="17"></td>
<td width="221" valign="center">
穿在夾克或者開襟衫里面很棒哦~
<br>
back ribbon hole plentiful motif
</td>
<td align="center" width="28"></td>
<td align="center" width="220">
穿在夾克或者開襟衫里面很棒哦~
<br>
back ribbon hole plentiful motif
</td>
<td align="center" width="26"></td>
<td align="center" width="219">
穿在夾克或者開襟衫里面很棒哦~
<br>
back ribbon hole plentiful motif
</td>
<td align="center" width="17"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="750" height="16" background="http://img02.taobaocdn.com/imgextra/i2/T2or8JXitaXXXXXXXX-46505722.gif"></td>
</tr>
<tr>
<td width="750" height="40" background="http://img03.taobaocdn.com/imgextra/i3/T2cH8JXjhaXXXXXXXX-46505722.gif">
<table width="750" height="40" cellspacing="0" cellpadding="0" background="http://img03.taobaocdn.com/imgextra/i3/T2cH8JXjhaXXXXXXXX-46505722.gif">
<tbody>
<tr>
<td width="111"></td>
<td align="center" width="127" valign="center">
￥
<font style="color:#FF588B;font-size:18pt;">218.00</font>
</td>
<td align="center" width="123"></td>
<td align="center" width="125">
￥
<font style="color:#FF588B;font-size:18pt;">198.00</font>
</td>
<td align="center" width="121"></td>
<td align="center" width="124">
￥
<font style="color:#FF588B;font-size:18pt;">163.00</font>
</td>
<td align="center" width="17"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="750" height="223" background="http://img04.taobaocdn.com/imgextra/i4/T2bb8JXjFaXXXXXXXX-46505722.gif">
<table width="750" height="223" cellspacing="0" cellpadding="0" background="http://img04.taobaocdn.com/imgextra/i4/T2bb8JXjFaXXXXXXXX-46505722.gif">
<tbody>
<tr>
<td width="17"></td>
<td align="center" width="221" valign="center">
<img src="http://img01.taobaocdn.com/imgextra/i1/T2ab8JXjRaXXXXXXXX-46505722.gif" alt="">
</td>
<td align="center" width="28"></td>
<td align="center" width="220">
<img src="http://img03.taobaocdn.com/imgextra/i3/T2pb8JXipaXXXXXXXX-46505722.gif" alt="">
</td>
<td align="center" width="26"></td>
<td align="center" width="219">
<img src="http://img03.taobaocdn.com/imgextra/i3/T2gY8JXi4aXXXXXXXX-46505722.gif" alt="">
</td>
<td align="center" width="17"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="750" height="18" background="http://img03.taobaocdn.com/imgextra/i3/T2uH8JXh4aXXXXXXXX-46505722.gif"></td>
</tr>
<tr>
<td width="750" height="36" background="http://img01.taobaocdn.com/imgextra/i1/T2Cr8JXhFaXXXXXXXX-46505722.gif">
<table width="750" height="36" cellspacing="0" cellpadding="0" background="http://img01.taobaocdn.com/imgextra/i1/T2Cr8JXhFaXXXXXXXX-46505722.gif">
<tbody>
<tr>
<td width="17"></td>
<td align="center" width="221" valign="center">
穿在夾克或者開襟衫里面很棒哦~
<br>
back ribbon hole plentiful motif
</td>
<td align="center" width="28"></td>
<td align="center" width="220">
穿在夾克或者開襟衫里面很棒哦~
<br>
back ribbon hole plentiful motif
</td>
<td align="center" width="26"></td>
<td align="center" width="219">
穿在夾克或者開襟衫里面很棒哦~
<br>
back ribbon hole plentiful motif
</td>
<td align="center" width="17"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="750" height="26" background="http://img03.taobaocdn.com/imgextra/i3/T2JH8JXgVaXXXXXXXX-46505722.gif"></td>
</tr>
</tbody>
</table>
<table width="750" height="248" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="750" height="31" background="http://img02.taobaocdn.com/imgextra/i2/T2pG0SXoRbXXXXXXXX-46505722.gif" colspan="5"></td>
</tr>
<tr>
<td width="70" height="217" background="http://img01.taobaocdn.com/imgextra/i1/T2ga0SXXlcXXXXXXXX-46505722.gif" rowspan="2"></td>
<td width="422" height="175" background="http://img01.taobaocdn.com/imgextra/i1/T2CG0SXohbXXXXXXXX-46505722.gif">
<marquee width="422" height="175" align="middle" scrollamount="1" direction="up">幸福 是把握在自己的手里什麼是你要的幸福你自己最清楚 快樂 是你自己去營造后的感受 什麼是你心底最真的快樂也只有你自己最了解 別去寄求對方去改變自己先作調適 轉換 或許你會活得更快樂...</marquee>
</td>
<td width="28" height="175" background="http://img02.taobaocdn.com/imgextra/i2/T2fG0SXXlcXXXXXXXX-46505722.gif"></td>
<td align="center" width="175" height="175" background="http://img04.taobaocdn.com/imgextra/i4/T2hG0SXXdcXXXXXXXX-46505722.gif">
<img src="http://img02.taobaocdn.com/imgextra/i2/T28qVSXXJcXXXXXXXX-46505722.gif" alt="">
</td>
<td width="55" height="175" background="http://img03.taobaocdn.com/imgextra/i3/T2mW0SXo0bXXXXXXXX-46505722.gif"></td>
</tr>
<tr>
<td width="450" height="42" background="http://img01.taobaocdn.com/imgextra/i1/T2kW0SXo8bXXXXXXXX-46505722.gif" colspan="2"></td>
<td width="230" height="42" background="http://img04.taobaocdn.com/imgextra/i4/T2DW0SXodbXXXXXXXX-46505722.gif" colspan="2"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>| 志高手持掛燙機家用蒸汽電熨斗十檔調溫立式熨燙機燙衣服掛式燙斗 | |
|---|---|
 | |
￥ 159.00 98745 人喜歡 | |
左邊代碼：代碼放在750自定義里面，可以先運行代碼看下效果然后在點復制，注意復制后要把本站連接去掉喔！
<table width="190" height="380" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="190" height="59" background="//gdp.alicdn.com/imgextra/i4/T2ZY4JXkBaXXXXXXXX-46505722.gif"> <a class="J_TokenSign" target="_blank" href="#"> <img width="190" height="59" border="0" src="//gdp.alicdn.com/imgextra/i4/T2ZY4JXkBaXXXXXXXX-46505722.gif" alt="" /> </a> </td> </tr> <tr> <td width="190" height="44" background="//gdp.alicdn.com/imgextra/i1/T2gr8JXjXaXXXXXXXX-46505722.gif"> </td> </tr> <tr> <td width="190" height="229" background="//gdp.alicdn.com/imgextra/i1/T20H4JXkFaXXXXXXXX-46505722.gif"> <table width="190" height="229" cellspacing="0" cellpadding="0" background="//gdp.alicdn.com/imgextra/i1/T20H4JXkFaXXXXXXXX-46505722.gif"> <tbody> <tr> <td width="5"> </td> <td width="178" valign="top"> 售前客服： <img src="//gdp.alicdn.com/imgextra/i2/T2NX03XeJaXXXXXXXX-46505722.gif" alt="" /> <br /> 售前客服： <img src="//gdp.alicdn.com/imgextra/i2/T2NX03XeJaXXXXXXXX-46505722.gif" alt="" /> <br /> 售后客服： <img src="//gdp.alicdn.com/imgextra/i2/T2NX03XeJaXXXXXXXX-46505722.gif" alt="" /> <br /> 聯系電話：12345678999 <br /> 客服QQ：13365545d <br /> <br /> 以下可以寫好多文字的，高度不限制的哦 <br /> 以下可以寫好多文字的，高度不限制的哦 <br /> 以下可以寫好多文字的，高度不限制的哦 </td> <td align="center" width="5"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="190" height="48" background="//gdp.alicdn.com/imgextra/i2/T2BH8JXhxaXXXXXXXX-46505722.gif"> </td> </tr> </tbody> </table> <table width="190" height="502" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="190" height="39" background="//gdp.alicdn.com/imgextra/i1/T2KY8JXg0aXXXXXXXX-46505722.gif"> </td> </tr> <tr> <td width="190" height="38" background="//gdp.alicdn.com/imgextra/i3/T2iY8JXiVaXXXXXXXX-46505722.gif"> </td> </tr> <tr> <td width="190" height="365" background="//gdp.alicdn.com/imgextra/i4/T25H4JXkXaXXXXXXXX-46505722.gif"> <table width="190" height="365" cellspacing="0" cellpadding="0" background="//gdp.alicdn.com/imgextra/i4/T25H4JXkXaXXXXXXXX-46505722.gif"> <tbody> <tr> <td width="3"> </td> <td align="center" width="181" valign="top"> <img src="//gdp.alicdn.com/imgextra/i3/T2nb8JXiFaXXXXXXXX-46505722.gif" alt="" /> <br /> 名稱：自由編輯 <br /> RMB：168.00 <br /> <br /> <img src="//gdp.alicdn.com/imgextra/i2/T2AY8JXhtaXXXXXXXX-46505722.gif" alt="" /> <br /> 名稱：自由編輯 <br /> RMB：168.00 <br /> <br /> <br /> <img src="//gdp.alicdn.com/imgextra/i4/T2Xb8JXjRaXXXXXXXX-46505722.gif" alt="" /> <br /> <br /> 名稱：自由編輯 <br /> RMB：138.00 <br /> <br /> <br /> <img src="//gdp.alicdn.com/imgextra/i3/T2nb8JXiFaXXXXXXXX-46505722.gif" alt="" /> <br /> 名稱：自由編輯 <br /> RMB：168.00 <br /> <br /> <br /> <img src="//gdp.alicdn.com/imgextra/i1/T2HY8JXhdaXXXXXXXX-46505722.gif" alt="" /> <br /> 名稱：自由編輯 <br /> RMB：168.00 <br /> <img src="//gdp.alicdn.com/imgextra/i1/T2_r4JXj0aXXXXXXXX-46505722.gif" alt="" /> <br /> 名稱：自由編輯 <br /> RMB：168.00 </td> <td align="center" width="4"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="190" height="60" background="//gdp.alicdn.com/imgextra/i4/T2zb8JXhNaXXXXXXXX-46505722.gif"> </td> </tr> </tbody> </table>
| EARISE/雅蘭仕 全民K歌神器手機唱吧話筒麥克風無線家用唱歌藍牙 | |
|---|---|
 | |
￥ 79.00 9874 人喜歡 | |
