站长推荐:淘宝一键安装模板,永久使用,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 人喜欢 |