站长推荐:淘宝一键安装模板,永久使用,20分钟搞定装修 点击查看

模板介绍:黑色系列淘宝女装基础版店铺装修免费模板自带轮播图代码模板

模板风格:黑色

适用行业:女装类目!

适合旺铺:淘宝旺铺基础版

基础版旺铺具体设置方法请看:基础背景图设置教程

专业版旺铺具体设置方法请看:专业版背景图设置教程

模板首页效果图:

15.jpg

以下是代码部分:PS:代码分4部分,一个是店招(图片直接插入就好了),还有导航条代码  另外是右边代码  和左边代码,直接复制然后在代码模式下操作,就可以了。

非常简单的,不懂的可以进群交流,网页下方有进群方式,谢谢合作!

店招图片:先点图片右键保存在本地,然后在上传到图片空间,最后插入店招里就好

店招.jpg

导航条黑色代码:把以下代码放进导航显示里面就好了

 .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:#141212;}
 .skin-box-bd .menu-list .menu .link{background:#141212;}
 .skin-box-bd .all-cats .link{background:#141212;}
 .skin-box-bd .all-cats-popup, .skin-box-bd .popup-content .cats-tree .fst-cat{background:#141212;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner{background:#141212;}
 .skin-box-bd .popup-content .menu-popup-cats{background:#141212;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat a{color:#ebefe4;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name{color:#ebefe4;}

边代码:先自定义750,然后在复制代码进去,注意要在代码模式下操作喔!可先在线运行查看效果!

<div class="box">
	<div class="shop-custom">
		<div class="bd">
			<div class="custom-area">
				<div style="width:750px;float:left;height:400px;overflow:hidden;" class="slider-promo J_TWidget" align="left" data-widget-config="{&quot;activeTriggerCls&quot;:&quot;current&quot;,&quot;effect&quot;:&quot;fade&quot;,&quot;navCls&quot;:&quot;lst-trigger&quot;,&quot;contentCls&quot;:&quot;lst-main&quot;}" data-widget-type="Slide">
					<ul class="lst-main">
						<li>
							<div align="center">
								 <a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第1张大图要链接的宝贝地址&quot;}]"><img border="0" src="//gdp.alicdn.com/imgextra/i4/T2ZRxWXilcXXXXXXXX-82595315.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第1张大图(尺寸750x400) 空间地址)&quot;}]" /></a>
							</div>
						</li>
						<li>
							<div align="center">
								 <a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第2张大图要链接的宝贝地址&quot;}]"><img alt="" src="//gdp.alicdn.com/imgextra/i3/T2l8BWXhlcXXXXXXXX-82595315.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第2张大图 空间地址)&quot;}]" /></a>
							</div>
						</li>
						<li>
							<div align="center">
								 <a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第3张大图要链接的宝贝地址&quot;}]"><img border="0" src="//gdp.alicdn.com/imgextra/i4/T2ZRxWXilcXXXXXXXX-82595315.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第3张大图 空间地址)&quot;}]" /></a>
							</div>
						</li>
						<li>
							<div align="center">
								 <a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第4张大图要链接的宝贝地址&quot;}]"><img alt="" src="//gdp.alicdn.com/imgextra/i3/T2l8BWXhlcXXXXXXXX-82595315.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第4张大图 空间地址)&quot;}]" /></a>
							</div>
						</li>
						<li>
							<div align="center">
								 <a href="http://www.taobao.com/?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;第5张大图要链接的宝贝地址&quot;}]"><img border="0" src="//gdp.alicdn.com/imgextra/i4/T2ZRxWXilcXXXXXXXX-82595315.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;第5张大图 空间地址)&quot;}]" /></a>
								<ul class="lst-trigger">
								</ul>
							</div>
						</li>
					</ul>
				</div>
				<div class="lzj">
					<p>&nbsp;</p>
					<table border="0" cellspacing="0" cellpadding="0" width="751" height="953">
						<tbody>
							<tr>
								<td rowspan="2" colspan="4">
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2qRtWXjXcXXXXXXXX-82595315.jpg" width="495" height="94" />
								</td>
								<td colspan="4">
									 <img alt="" src="//gdp.alicdn.com/imgextra/i2/T2KBBWXgXcXXXXXXXX-82595315.jpg" width="255" height="77" />
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="1" height="77" />
								</td>
							</tr>
							<tr>
								<td height="231" background="//gdp.alicdn.com/imgextra/i3/T2qRBWXg8cXXXXXXXX-82595315.gif" rowspan="2" width="229" colspan="2" align="center">
									 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i4/T2UBxWXiBcXXXXXXXX-82595315.jpg" width="220" height="220" /></a>
								</td>
								<td rowspan="4" colspan="2">
									 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2c8BWXhJcXXXXXXXX-82595315.jpg" width="26" height="346" />
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="1" height="17" />
								</td>
							</tr>
							<tr>
								<td height="214" background="//gdp.alicdn.com/imgextra/i2/T2YRBWXfxcXXXXXXXX-82595315.gif" width="495" colspan="4" align="center">
									 <font color="#ffffff"> <marquee direction="up" height="197" width="434" scrollamount="1" scrolldelay="60" style="height:197px;width:434px;">文字是向上滚动的,双击一定要在框内粘贴文字,不要删除这个框,文字不能复制WORD文档。</marquee></font>
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="1" height="214" />
								</td>
							</tr>
							<tr>
								<td colspan="4">
									 <img alt="" src="//gdp.alicdn.com/imgextra/i2/T2P8xWXiJcXXXXXXXX-82595315.gif" width="495" height="45" />
								</td>
								<td height="115" background="//gdp.alicdn.com/imgextra/i2/T2x8BWXgNcXXXXXXXX-82595315.gif" rowspan="2" width="229" colspan="2" align="center">
									<div align="center">
										<table border="0" cellspacing="0" cellpadding="0" width="220" height="110">
											<tbody>
												<tr>
													<td height="80" colspan="2" align="center">
														 <font color="#e1b571">商品名称简单介绍,不要回车.自动串行,</font>
													</td>
												</tr>
												<tr>
													<td height="30" width="100" align="right">
														 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
													</td>
													<td height="30" width="100" align="left">
														 <font style="color:#FFFFFF;font-size:12pt;"><strong>999.00</strong></font>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="1" height="45" />
								</td>
							</tr>
							<tr>
								<td height="70" background="//gdp.alicdn.com/imgextra/i1/T2ElBWXgpcXXXXXXXX-82595315.gif" width="495" colspan="4" align="center">
									 <font color="#beb289">店主:<img border="0" alt="" src="//gdp.alicdn.com/imgextra/i4/T2C443XflaXXXXXXXX-82595315.gif" /> 客服:<img border="0" alt="" src="//gdp.alicdn.com/imgextra/i4/T2C443XflaXXXXXXXX-82595315.gif" /></font>
									<p><font color="#beb289">营业时间:09:00--22:00 </font></p>
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="1" height="70" />
								</td>
							</tr>
							<tr>
								<td colspan="8">
									 <img alt="" src="//gdp.alicdn.com/imgextra/i2/T2R8BWXfRcXXXXXXXX-82595315.jpg" width="750" height="80" />
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="1" height="80" />
								</td>
							</tr>
							<tr>
								<td rowspan="2">
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2O8BWXfVcXXXXXXXX-82595315.jpg" width="69" height="244" />
								</td>
								<td height="166" background="//gdp.alicdn.com/imgextra/i4/T21lBWXfpcXXXXXXXX-82595315.gif" width="208" align="center">
									 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T2VRxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
								</td>
								<td height="166" background="//gdp.alicdn.com/imgextra/i4/T2oBBWXhlcXXXXXXXX-82595315.gif" width="199" align="center">
									 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T2VRxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
								</td>
								<td height="166" background="//gdp.alicdn.com/imgextra/i1/T22RBWXflcXXXXXXXX-82595315.gif" width="205" colspan="2" align="center">
									 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T2VRxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
								</td>
								<td rowspan="2" colspan="2">
									 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2MBBWXf8cXXXXXXXX-82595315.jpg" width="55" height="244" />
								</td>
								<td rowspan="2">
									 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2T8xWXiXcXXXXXXXX-82595315.jpg" width="14" height="244" />
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="1" height="166" />
								</td>
							</tr>
							<tr>
								<td height="78" background="//gdp.alicdn.com/imgextra/i2/T2H8BWXghcXXXXXXXX-82595315.gif" width="208" align="center">
									<div align="center">
										<table border="0" cellspacing="0" cellpadding="0" width="190" height="70">
											<tbody>
												<tr>
													<td height="45" colspan="2" align="center">
														 <font color="#e1b571">名称简单介绍,不要回车自动串行,文字二行内</font>
													</td>
												</tr>
												<tr>
													<td height="25" width="90" align="right">
														 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
													</td>
													<td height="25" width="85" align="left">
														 <font style="color:#FFFFFF;font-size:12pt;"><strong>999.00</strong></font>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
								</td>
								<td height="78" background="//gdp.alicdn.com/imgextra/i3/T2XRBWXhNcXXXXXXXX-82595315.gif" width="199" align="center">
									<div align="center">
										<table border="0" cellspacing="0" cellpadding="0" width="190" height="70">
											<tbody>
												<tr>
													<td height="45" colspan="2" align="center">
														 <font color="#e1b571">名称简单介绍,不要回车自动串行,文字二行内</font>
													</td>
												</tr>
												<tr>
													<td height="25" width="90" align="right">
														 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
													</td>
													<td height="25" width="85" align="left">
														 <font style="color:#FFFFFF;font-size:12pt;"><strong>999.00</strong></font>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
								</td>
								<td height="78" background="//gdp.alicdn.com/imgextra/i1/T24lBWXfhcXXXXXXXX-82595315.gif" width="205" colspan="2" align="center">
									<div align="center">
										<table border="0" cellspacing="0" cellpadding="0" width="190" height="70">
											<tbody>
												<tr>
													<td height="45" colspan="2" align="center">
														 <font color="#e1b571">名称简单介绍,不要回车自动串行,文字二行内</font>
													</td>
												</tr>
												<tr>
													<td height="25" width="90" align="right">
														 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
													</td>
													<td height="25" width="85" align="left">
														 <font style="color:#FFFFFF;font-size:12pt;"><strong>999.00</strong></font>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="1" height="78" />
								</td>
							</tr>
							<tr>
								<td height="184" background="//gdp.alicdn.com/imgextra/i4/T2NRxWXiVcXXXXXXXX-82595315.gif" width="750" colspan="8" align="center">
									 <marquee height="162" behavior="alternate" width="706" scrollamount="2" scrolldelay="60" style="height:162px;width:706px;"><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第1张链接地址&quot;}]">&nbsp;<img style="width:160px;height:160px;" alt="" src="//gdp.alicdn.com/imgextra/i1/T258BWXfdcXXXXXXXX-82595315.jpg_160x160.jpg" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第1张图(160x160大小)空间图片地址)&quot;}]" /></a><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第2张链接地址&quot;}]"><img style="width:160px;height:160px;" alt="" src="//gdp.alicdn.com/imgextra/i2/T2LGh1XkVaXXXXXXXX-82595315.jpg_160x160.jpg" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第2张空间图片地址)&quot;}]" /></a><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第3张链接地址&quot;}]"><img style="width:160px;height:160px;" alt="" src="//gdp.alicdn.com/imgextra/i1/T2iBBWXhtcXXXXXXXX-82595315.jpg_160x160.jpg" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第3张空间图片地址)&quot;}]" /></a><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第4张链接地址&quot;}]"><img style="width:160px;height:160px;" alt="" src="//gdp.alicdn.com/imgextra/i3/T2rBBWXhXcXXXXXXXX-82595315.gif_160x160.jpg" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第4张空间图片地址)&quot;}]" /></a><a href="http://www.taobao.com/?scene=taobao_shop" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;滚动第5张链接地址&quot;}]"><img src="//gdp.alicdn.com/imgextra/i2/T27RxWXh8cXXXXXXXX-82595315.gif_160x160.jpg" width="160" height="160" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;滚动第5张空间图片地址)&quot;}]" /></a></marquee>
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="1" height="184" />
								</td>
							</tr>
							<tr>
								<td colspan="8">
									 <img alt="" src="//gdp.alicdn.com/imgextra/i4/T2TBBWXfRcXXXXXXXX-82595315.jpg" width="750" height="21" />
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="1" height="21" />
								</td>
							</tr>
							<tr>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="69" height="1" />
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="208" height="1" />
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="199" height="1" />
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="19" height="1" />
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="186" height="1" />
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="43" height="1" />
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="12" height="1" />
								</td>
								<td>
									 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2QBBWXfRcXXXXXXXX-82595315.jpg" width="14" height="1" />
								</td>
								<td>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>


左边代码:先自定义750,然后在复制代码进去,注意要在代码模式下操作喔!可先在线运行查看效果!

<div class="box">
	<div class="shop-custom">
		<div class="bd">
			<div class="custom-area">
				<div class="lzj">
					<div align="center">
						<table border="0" cellspacing="0" cellpadding="0" width="190">
							<tbody>
								<tr>
									<td>
										 <img alt="" src="//gdp.alicdn.com/imgextra/i2/T2Nx43XeRaXXXXXXXX-82595315.gif" width="190" height="125" />
									</td>
								</tr>
								<tr>
									<td background="//gdp.alicdn.com/imgextra/i3/T2Ix43Xe8aXXXXXXXX-82595315.gif">
										<p align="center"><font color="#beb289">客服:<img border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i4/T2C443XflaXXXXXXXX-82595315.gif" width="77" height="19" /></font></p>
										<p align="center">&nbsp;</p>
										<p align="center"><font color="#beb289"><br />
										 客服:<img border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i4/T2C443XflaXXXXXXXX-82595315.gif" width="77" height="19" /></font></p>
										<p align="center">&nbsp;</p>
										<p align="center"><font color="#beb289"><br />
										 客服:<img border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i4/T2C443XflaXXXXXXXX-82595315.gif" width="77" height="19" /></font></p>
										<p align="center">&nbsp;</p>
										<p align="left"><font color="#beb289"><br />
										 温馨提示:为了方便快捷收货,请确保联系方式正确无误 </font></p>
										<p align="left"><font color="#beb289"><br />
										 拍单说明:当天下午4点以前的当天发货,4点以后的顺延至次日发货<br />
										 <br />
										 文字多少不限,可无限拉长</font></p>
										<p align="left"><img src="//gdp.alicdn.com/imgextra/i2/T2A443XftaXXXXXXXX-82595315.gif" /></p>
									</td>
								</tr>
							</tbody>
						</table>
						<table border="0" cellspacing="0" cellpadding="0" width="190" height="259">
							<tbody>
								<tr>
									<td>
										 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Eh43XflaXXXXXXXX-82595315.jpg" width="190" height="17" />
									</td>
								</tr>
								<tr>
									<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2Kx43Xe0aXXXXXXXX-82595315.jpg" width="190" align="center">
										 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i4/T2UBxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
									</td>
								</tr>
								<tr>
									<td height="64" background="//gdp.alicdn.com/imgextra/i2/T2Fh43XfhaXXXXXXXX-82595315.jpg" width="190" align="center">
										<div align="center">
											<table border="0" cellspacing="0" cellpadding="0" width="190" height="64">
												<tbody>
													<tr>
														<td height="40" colspan="2" align="center">
															 <font color="#e1b571">名称简单介绍,不要回车自动串行,文字二行内</font>
														</td>
													</tr>
													<tr>
														<td height="24" width="90" align="right">
															 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
														</td>
														<td height="24" width="85" align="left">
															 <font style="color:#FFFFFF;font-size:12pt;"><strong>99.00</strong></font>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
									</td>
								</tr>
								<tr>
									<td>
										 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2G443XfdaXXXXXXXX-82595315.jpg" width="190" height="6" />
									</td>
								</tr>
							</tbody>
						</table>
						<div align="center">
							<table border="0" cellspacing="0" cellpadding="0" width="190" height="259">
								<tbody>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Eh43XflaXXXXXXXX-82595315.jpg" width="190" height="17" />
										</td>
									</tr>
									<tr>
										<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2Kx43Xe0aXXXXXXXX-82595315.jpg" width="190" align="center">
											 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T2VRxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
										</td>
									</tr>
									<tr>
										<td height="64" background="//gdp.alicdn.com/imgextra/i2/T2Fh43XfhaXXXXXXXX-82595315.jpg" width="190" align="center">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="190" height="64">
													<tbody>
														<tr>
															<td height="40" colspan="2" align="center">
																 <font color="#e1b571">名称简单介绍,不要回车自动串行,文字二行内</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="90" align="right">
																 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="85" align="left">
																 <font style="color:#FFFFFF;font-size:12pt;"><strong>99.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2G443XfdaXXXXXXXX-82595315.jpg" width="190" height="6" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div align="center">
							<table border="0" cellspacing="0" cellpadding="0" width="190" height="259">
								<tbody>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Eh43XflaXXXXXXXX-82595315.jpg" width="190" height="17" />
										</td>
									</tr>
									<tr>
										<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2Kx43Xe0aXXXXXXXX-82595315.jpg" width="190" align="center">
											 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i4/T2UBxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
										</td>
									</tr>
									<tr>
										<td height="64" background="//gdp.alicdn.com/imgextra/i2/T2Fh43XfhaXXXXXXXX-82595315.jpg" width="190" align="center">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="190" height="64">
													<tbody>
														<tr>
															<td height="40" colspan="2" align="center">
																 <font color="#e1b571">名称简单介绍,不要回车自动串行,文字二行内</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="90" align="right">
																 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="85" align="left">
																 <font style="color:#FFFFFF;font-size:12pt;"><strong>99.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2G443XfdaXXXXXXXX-82595315.jpg" width="190" height="6" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div align="center">
							<table border="0" cellspacing="0" cellpadding="0" width="190" height="259">
								<tbody>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Eh43XflaXXXXXXXX-82595315.jpg" width="190" height="17" />
										</td>
									</tr>
									<tr>
										<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2Kx43Xe0aXXXXXXXX-82595315.jpg" width="190" align="center">
											 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T2VRxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
										</td>
									</tr>
									<tr>
										<td height="64" background="//gdp.alicdn.com/imgextra/i2/T2Fh43XfhaXXXXXXXX-82595315.jpg" width="190" align="center">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="190" height="64">
													<tbody>
														<tr>
															<td height="40" colspan="2" align="center">
																 <font color="#e1b571">名称简单介绍,不要回车自动串行,文字二行内</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="90" align="right">
																 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="85" align="left">
																 <font style="color:#FFFFFF;font-size:12pt;"><strong>99.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2G443XfdaXXXXXXXX-82595315.jpg" width="190" height="6" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div align="center">
							<table border="0" cellspacing="0" cellpadding="0" width="190" height="259">
								<tbody>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Eh43XflaXXXXXXXX-82595315.jpg" width="190" height="17" />
										</td>
									</tr>
									<tr>
										<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2Kx43Xe0aXXXXXXXX-82595315.jpg" width="190" align="center">
											 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i4/T2UBxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
										</td>
									</tr>
									<tr>
										<td height="64" background="//gdp.alicdn.com/imgextra/i2/T2Fh43XfhaXXXXXXXX-82595315.jpg" width="190" align="center">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="190" height="64">
													<tbody>
														<tr>
															<td height="40" colspan="2" align="center">
																 <font color="#e1b571">名称简单介绍,不要回车自动串行,文字二行内</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="90" align="right">
																 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="85" align="left">
																 <font style="color:#FFFFFF;font-size:12pt;"><strong>99.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2G443XfdaXXXXXXXX-82595315.jpg" width="190" height="6" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div align="center">
							<table border="0" cellspacing="0" cellpadding="0" width="190" height="259">
								<tbody>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Eh43XflaXXXXXXXX-82595315.jpg" width="190" height="17" />
										</td>
									</tr>
									<tr>
										<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2Kx43Xe0aXXXXXXXX-82595315.jpg" width="190" align="center">
											 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T2VRxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
										</td>
									</tr>
									<tr>
										<td height="64" background="//gdp.alicdn.com/imgextra/i2/T2Fh43XfhaXXXXXXXX-82595315.jpg" width="190" align="center">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="190" height="64">
													<tbody>
														<tr>
															<td height="40" colspan="2" align="center">
																 <font color="#e1b571">名称简单介绍,不要回车自动串行,文字二行内</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="90" align="right">
																 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="85" align="left">
																 <font style="color:#FFFFFF;font-size:12pt;"><strong>99.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2G443XfdaXXXXXXXX-82595315.jpg" width="190" height="6" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


飞蚂蚁模板网版权8