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

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

模板风格:深红色

适用行业:女装类目!

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

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

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

模板首页效果图:

17.jpg

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

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

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

店招.gif

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

 .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 .popup-content .menu-popup-cats .sub-cat a{color:#dce0d5;}
 .skin-box-bd .menu-list .menu:hover .link, .skin-box-bd .menu-list .menu-hover .link{background:#1f201d;}
 .skin-box-bd, .skin-box-bd .menu-list{background:#770707;}
 .skin-box-bd .all-cats .link{background:#770707;}
 .skin-box-bd .all-cats-popup, .skin-box-bd .popup-content .cats-tree .fst-cat{background:#770707;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner{background:#770707;}
 .skin-box-bd .popup-content .menu-popup-cats{background:#770707;}
 .skin-box-bd .menu-list .menu .link{background:#770707;}
 .skin-box-bd .menu-list .menu{border-right:1px solid #9c2222;}

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

<div class="box">
	<div class="shop-custom no-border">
		<div class="bd">
			<div class="custom-area">
				<table cellspacing="0" cellpadding="0" width="750" height="35">
					<tbody>
						<tr>
							<td height="36" background="//gdp.alicdn.com/imgextra/i1/756715703/T2bfxzXhJNXXXXXXXX-756715703.jpg" width="750">
								<table cellspacing="0" cellpadding="0" width="100%" height="100%">
									<tbody>
										<tr>
											<td height="100%" width="6%">
												&nbsp;
											</td>
											<td height="100%" width="10%">
												<strong><font color="#ffffff"><span style="font-size:14px;">最新消息</span></font></strong>
											</td>
											<td height="100%" width="3%" align="middle">
												<img border="0" src="//gdp.alicdn.com/imgextra/i2/756715703/T2BGqEXa4aXXXXXXXX-756715703.gif" width="11" height="11" />
											</td>
											<td height="100%" width="40%" align="middle">
												 <marquee style="width:299px;height:15px;font-size:12px;" height="15" scrollamount="2" scrolldelay="100" align="left">
												<table border="0" cellspacing="0" cellpadding="0" width="1537">
													<tbody>
														<tr>
															<td>
																<font style="color:#FFFFFF;font-size:12px;">欢迎光顾!亲爱的朋友、走进本店感受阳光服务、作为品牌网店产品质量和售后服务完全保证、我店的宗旨打造一个、安全便捷、物超所值的购物平台、愿大家舒心购物、得到称心商品的同时留下开心的记忆、我们愿用我们的真诚带给你最大的满意!</font>
															</td>
														</tr>
													</tbody>
												</table>
												</marquee>
											</td>
											<td height="100%" width="10%" align="middle">
												<strong><font color="#ffffff"><span style="font-size:14px;">客服导购</span></font></strong>
											</td>
											<td height="100%" width="33%" align="middle">
												<table cellspacing="0" cellpadding="0" width="237" height="29">
													<tbody>
														<tr>
															<td height="29" width="12" align="middle">
																<img src="//gdp.alicdn.com/imgextra/i2/756715703/T2xaqEXblaXXXXXXXX-756715703.gif" width="25" height="16" />
															</td>
															<td height="29" width="82" align="middle">
																<font color="#ffffff"><strong>:88888888</strong></font>
															</td>
															<td height="29" width="9" align="middle">
																<img src="//gdp.alicdn.com/imgextra/i1/756715703/T2yqqEXa0aXXXXXXXX-756715703.gif" width="17" height="16" />
															</td>
															<td height="29" width="114" align="middle">
																<font color="#ffffff"><strong>:</strong></font><strong><font color="#ffffff">13888888888</font></strong>
															</td>
														</tr>
													</tbody>
												</table>
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
					</tbody>
				</table>
				<div style="width:750px;height:400px;overflow:hidden;float:left;" class="slider-promo J_TWidget" align="left" data-widget-config="{&quot;activeTriggerCls&quot;:&quot;current&quot;,&quot;effect&quot;:&quot;scrolly&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;宝贝商品链接页面地址01&quot;}]"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i1/756715703/T2ZQWDXcFaXXXXXXXX-756715703.jpg" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;图片地址01(尺寸: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;宝贝商品链接页面地址02&quot;}]"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i1/756715703/T2ZQWDXcFaXXXXXXXX-756715703.jpg" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;图片地址02(尺寸: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;宝贝商品链接页面地址03&quot;}]"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i1/756715703/T2ZQWDXcFaXXXXXXXX-756715703.jpg" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;图片地址03(尺寸: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;宝贝商品链接页面地址04&quot;}]"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i1/756715703/T2ZQWDXcFaXXXXXXXX-756715703.jpg" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;图片地址04(尺寸: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;宝贝商品链接页面地址05&quot;}]"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i1/756715703/T2ZQWDXcFaXXXXXXXX-756715703.jpg" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;图片地址05(尺寸: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;宝贝商品链接页面地址05&quot;}]"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i1/756715703/T2ZQWDXcFaXXXXXXXX-756715703.jpg" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;图片地址05(尺寸: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;宝贝商品链接页面地址05&quot;}]"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i1/756715703/T2ZQWDXcFaXXXXXXXX-756715703.jpg" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;图片地址05(尺寸: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;宝贝商品链接页面地址05&quot;}]"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i1/756715703/T2ZQWDXcFaXXXXXXXX-756715703.jpg" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;图片地址05(尺寸:750X400像素)&quot;}]" /></a>
							</div>
						</li>
					</ul>
					<ul class="lst-trigger">
						<li>
							1
						</li>
						<li>
							2
						</li>
						<li>
							3
						</li>
						<li>
							4
						</li>
						<li>
							5
						</li>
						<li>
							6
						</li>
						<li>
							7
						</li>
						<li>
							8
						</li>
					</ul>
				</div>
				<table border="0" cellspacing="0" cellpadding="0" width="750" height="98">
					<tbody>
						<tr>
							<td height="70" background="//gdp.alicdn.com/imgextra/i4/127656796/T2Go9iXc8XXXXXXXXX-127656796.gif" width="750">
								&nbsp;
							</td>
						</tr>
						<tr>
							<td background="//gdp.alicdn.com/imgextra/i1/127656796/T23qqyXlVXXXXXXXXX-127656796.jpg">
								<table cellspacing="0" cellpadding="0" width="100%">
									<tbody>
										<tr>
											<td height="22" width="34%" align="middle">
												<a href="http://www.taobao.com/?scene=taobao_shop"><img border="0" src="//gdp.alicdn.com/imgextra/i1/756715703/T2aM0OXX4dXXXXXXXX-756715703.jpg" width="245" height="350" /></a>
											</td>
											<td height="22" width="33%" align="middle">
												<a href="http://www.taobao.com/?scene=taobao_shop"><img border="0" src="//gdp.alicdn.com/imgextra/i4/756715703/T2Kx8GXetMXXXXXXXX-756715703.jpg" width="245" height="350" /></a>
											</td>
											<td height="22" width="33%" align="middle">
												<a href="http://www.taobao.com/?scene=taobao_shop"><img border="0" src="//gdp.alicdn.com/imgextra/i4/756715703/T2l0hzXidMXXXXXXXX-756715703.jpg" width="245" height="350" /></a>
											</td>
										</tr>
										<tr>
											<td height="4" width="34%">
												<p align="center"><font color="#ffffff">标题1</font></p>
											</td>
											<td height="4" width="33%">
												<p align="center"><font color="#ffffff">标题1</font></p>
											</td>
											<td height="16" width="33%">
												<p align="center"><font color="#ffffff">标题1</font></p>
											</td>
										</tr>
										<tr>
											<td height="13" width="34%" align="middle">
												<a href="http://www.taobao.com/?scene=taobao_shop"><img border="0" src="//gdp.alicdn.com/imgextra/i1/756715703/T2amFqXntMXXXXXXXX-756715703.jpg" width="245" height="350" /></a>
											</td>
											<td height="13" width="33%" align="middle">
												<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i2/756715703/T2IAWDXf8aXXXXXXXX-756715703.jpg" width="245" height="350" /></a>
											</td>
											<td height="13" width="33%" align="middle">
												<a href="http://www.taobao.com/?scene=taobao_shop"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i2/756715703/T2.iNKXmJbXXXXXXXX-756715703.jpg" width="245" height="350" /></a>
											</td>
										</tr>
										<tr>
											<td height="6" width="34%" align="middle">
												<font color="#ffffff">标题1</font>
											</td>
											<td height="6" width="33%" align="middle">
												<font color="#ffffff">标题1</font>
											</td>
											<td height="6" width="33%" align="middle">
												<font color="#ffffff">标题1</font>
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
						<tr>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

<table border="0" cellspacing="0" cellpadding="0" width="750" height="180">
	<tbody>
		<tr>
			<td bgcolor="#f5f4f4" height="182" valign="top" width="558">
				<table style="border:1px solid #DCDCDC;" border="0" cellspacing="0" cellpadding="0" width="100%" height="180">
					<tbody>
						<tr>
							<td height="180" valign="top" width="100%">
								<table border="0" cellspacing="0" cellpadding="0" width="100%">
									<tbody>
										<tr>
											<td bgcolor="#f5f4f4" width="100%" colspan="3">
												<img border="0" src="//gdp.alicdn.com/imgextra/i3/127656796/T2l8X_XiBbXXXXXXXX-127656796.jpg" width="554" height="51" />
											</td>
										</tr>
										<tr>
											<td bgcolor="#f5f4f4" height="120" width="5%">
												&nbsp;
											</td>
											<td bgcolor="#f5f4f4" height="120" valign="top" width="89%">
												 <marquee direction="up" height="111" width="494" scrollamount="1" scrolldelay="30" style="height: 111px; width: 494px;">滚动店铺公告!2016.01.01发货说明所有上架的货品,全部会在付款后48小时内发出!收到快递时请当着快递人员的面拆开检查,如发现数量不对,损坏等情况请拒签,并在第一时间与我们联系。</marquee>
											</td>
											<td bgcolor="#f5f4f4" height="120" width="6%">
												&nbsp;
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
					</tbody>
				</table>
			</td>
			<td bgcolor="#f5f4f4" height="180" valign="top" width="190">
				<table style="border:1px solid #DCDCDC;" border="0" cellspacing="0" cellpadding="0" width="100%">
					<tbody>
						<tr>
							<td height="180" valign="top" width="100%">
								<table border="0" cellspacing="0" cellpadding="0" width="100%" height="173">
									<tbody>
										<tr>
											<td height="53" width="100%" colspan="3">
												<img border="0" src="//gdp.alicdn.com/imgextra/i4/127656796/T2fSFwXeJNXXXXXXXX-127656796.gif" width="152" height="51" />
											</td>
										</tr>
										<tr>
											<td height="120" width="11%">
												&nbsp;
											</td>
											<td height="120" width="76%">
												<table border="0" cellspacing="0" cellpadding="0" width="8" align="left" height="74">
													<tbody>
														<tr>
															<td bgcolor="#f5f4f4" height="94" valign="top" width="542">
																<div style="width:159px;height:79px;text-align:left;color:#B3080E;line-height:100%;overflow:auto;padding-top:0px;padding-right:5px;padding-left:10px;font-size:12px;scrollbar-face-color:#C40505;scrollbar-3dlight-color:#CFCFCF;scrollbar-shadow-color:#C40505;scrollbar-highlight-color:#C40505;scrollbar-darkshadow-color:#C40505;scrollbar-arrow-color:#FFFFFF;scrollbar-track-color:#CFCFCF;">
																	<p style="line-height:150%;"><font color="#000000">客服咨询:<img border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i4/127656796/T2lFNnXdxNXXXXXXXX-127656796.gif" width="77" height="19" /><br />
																	客服咨询:<img border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i4/127656796/T2lFNnXdxNXXXXXXXX-127656796.gif" width="77" height="19" /><br />
																	咨询电话:13800000000<br />
																	QQ:12345678<br />
																	在线时间:<br />
																	早9:00-晚24:00</font></p>
																</div>
															</td>
														</tr>
														<tr>
															<td bgcolor="#f5f4f4" height="10" valign="top" width="542">
																<font color="#000000">&nbsp; </font>
															</td>
														</tr>
													</tbody>
												</table>
												<p>&nbsp;</p>
											</td>
											<td height="120" width="13%">
												&nbsp;
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
	</tbody>
</table>

<table border="0" cellspacing="0" cellpadding="0" width="750">
	<tbody>
		<tr>
			<td background="//gdp.alicdn.com/imgextra/i4/T21nJHXaFbXXXXXXXX-345258761.jpg">
				<table border="0" cellspacing="0" cellpadding="0" width="710" align="center" height="70">
					<tbody>
						<tr>
							<td width="220">
								<table style="text-align:left;" border="0" cellspacing="0" cellpadding="0" width="220">
									<tbody>
										<tr>
											<td style="font-size:14px;font-weight:bold;" height="20" valign="bottom" colspan="2">
												<strong>普通会员</strong>
											</td>
										</tr>
										<tr>
											<td height="50" width="75">
												<img src="//gdp.alicdn.com/imgextra/i2/127656796/T25pVmXbBNXXXXXXXX-127656796.gif" width="62" height="39" />
											</td>
											<td style="line-height:1.3;">
												会员的的介绍文字示范,更换成您的文字,可以两到三行文字。
											</td>
										</tr>
									</tbody>
								</table>
							</td>
							<td width="25">
								&nbsp;
							</td>
							<td width="220">
								<table style="text-align:left;" border="0" cellspacing="0" cellpadding="0" width="220">
									<tbody>
										<tr>
											<td style="font-size:14px;font-weight:bold;" height="20" valign="bottom" colspan="2">
												<strong>高级会员</strong>
											</td>
										</tr>
										<tr>
											<td height="50" width="75">
												<img src="//gdp.alicdn.com/imgextra/i4/127656796/T2mCVmXd0NXXXXXXXX-127656796.gif" width="62" height="39" />
											</td>
											<td style="line-height:1.3;">
												会员的的介绍文字示范,更换成您的文字,可以两到三行文字。
											</td>
										</tr>
									</tbody>
								</table>
							</td>
							<td width="25">
								&nbsp;
							</td>
							<td width="220">
								<table style="text-align:left;" border="0" cellspacing="0" cellpadding="0" width="220">
									<tbody>
										<tr>
											<td style="font-size:14px;font-weight:bold;" height="20" valign="bottom" colspan="2">
												<strong>VIP会员</strong>
											</td>
										</tr>
										<tr>
											<td height="50" width="75">
												<img src="//gdp.alicdn.com/imgextra/i3/127656796/T2d3FsXfFNXXXXXXXX-127656796.gif" width="62" height="39" />
											</td>
											<td style="line-height:1.3;">
												会员的的介绍文字示范,更换成您的文字,可以两到三行文字。
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
					</tbody>
				</table>
			</td>
		</tr>
	</tbody>
</table>
<img border="0" src="//gdp.alicdn.com/imgextra/i4/756715703/T2DWqEXaRaXXXXXXXX-756715703.jpg" width="750" height="119" />

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

<div class="box">
	<div class="shop-custom no-border">
		<div class="bd">
			<div class="custom-area">
				<table cellspacing="0" cellpadding="0" width="151">
					<tbody>
						<tr>
							<td height="64" valign="top">
								<a class="J_TokenSign" href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i4/127656796/T2pTBuXmxMXXXXXXXX-127656796.gif" width="190" height="85" /></a>
							</td>
						</tr>
						<tr>
							<td height="99" valign="top">
								<table cellspacing="0" cellpadding="0" width="190">
									<tbody>
										<tr>
											<td bgcolor="#bc1319" height="155" width="190">
												<table cellspacing="0" cellpadding="0" width="190" height="100%">
													<tbody>
														<tr>
															<td height="23%" valign="top" width="190" colspan="3">
																<img alt="" src="//gdp.alicdn.com/imgextra/i3/127656796/T2dnplXh0NXXXXXXXX-127656796.jpg" width="190" height="33" />
															</td>
														</tr>
														<tr>
															<td style="text-align:center;color:#FFFFFF;line-height:21px;padding-right:10px;padding-left:10px;font-size:12px;" height="114" valign="top" colspan="3">
																<div style="color:#FFFFFF;font-size:14px;" align="left">
																	<strong> 在线客服:</strong>
																</div>
																<div align="center">
																	导购客服1:<img title="点击这里给我发消息" border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i4/127656796/T2lFNnXdxNXXXXXXXX-127656796.gif" width="77" height="19" /><br />
																	导购客服2:<img title="点击这里给我发消息" border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i4/127656796/T2lFNnXdxNXXXXXXXX-127656796.gif" width="77" height="19" /><br />
																	导购客服3:<img title="点击这里给我发消息" border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i4/127656796/T2lFNnXdxNXXXXXXXX-127656796.gif" width="77" height="19" /><br />
																	售后客服4:<img title="点击这里给我发消息" border="0" alt="点击这里给我发消息" src="//gdp.alicdn.com/imgextra/i4/127656796/T2lFNnXdxNXXXXXXXX-127656796.gif" width="77" height="19" />
																</div>
															</td>
														</tr>
														<tr>
															<td height="9%" valign="top" width="190" colspan="3">
																<table cellspacing="0" cellpadding="0" width="100%" height="52">
																	<tbody>
																		<tr>
																			<td height="52" valign="top" background="//gdp.alicdn.com/imgextra/i4/127656796/T21GBmXepNXXXXXXXX-127656796.gif" width="100%">
																				<table cellspacing="0" cellpadding="0" width="100%" height="100%">
																					<tbody>
																						<tr>
																							<td height="56%" width="100%" colspan="2">
																								&nbsp;
																							</td>
																						</tr>
																						<tr>
																							<td height="44%" width="32%">
																								&nbsp;
																							</td>
																							<td style="color:#FFFFFF;font-family:arial;font-size:20px;" height="44%" valign="top" width="68%">
																								9:00-23:00
																							</td>
																						</tr>
																					</tbody>
																				</table>
																			</td>
																		</tr>
																	</tbody>
																</table>
															</td>
														</tr>
														<tr>
															<td height="0%" valign="top" width="190" colspan="3">
																<p align="center"><font color="#ffffff">QQ:12345678<br />
																手机:13866688888<br />
																</font></p>
															</td>
														</tr>
														<tr>
															<td height="14%" valign="top" width="190" colspan="3">
																<img alt="" src="//gdp.alicdn.com/imgextra/i2/127656796/T2nWBmXh0NXXXXXXXX-127656796.jpg" width="190" height="33" />
															</td>
														</tr>
														<tr>
															<td height="37%" valign="top" width="7">
																&nbsp;
															</td>
															<td height="37%" valign="top" width="175">
																<font color="#ffffff">
																<p align="center"><a href="http://www.taobao.com/?scene=taobao_shop" target="_blank"><img border="0" src="//gdp.alicdn.com/imgextra/i3/756715703/T2XtFzXnRMXXXXXXXX-756715703.jpg" width="180" height="180" /></a><br />
																<br />
																 图片尺寸180X180输入你的标题和价格 <br />
																一口价:188.00元<br />
																<br />
																<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank"><img border="0" src="//gdp.alicdn.com/imgextra/i4/756715703/T2IQ9DXb0XXXXXXXXX-756715703.jpg" width="180" height="180" /></a><br />
																<br />
																 图片尺寸180X180输入你的标题和价格 <br />
																一口价:188.00元<br />
																<br />
																<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank"><img border="0" src="//gdp.alicdn.com/imgextra/i2/756715703/T2hCFqXnJMXXXXXXXX-756715703.jpg" width="180" height="180" /></a><br />
																<br />
																 图片尺寸180X180输入你的标题和价格 一口价:188.00元<br />
																<br />
																<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank"><img border="0" src="//gdp.alicdn.com/imgextra/i1/756715703/T2XY4GXe4MXXXXXXXX-756715703.jpg" width="180" height="180" /></a><br />
																<br />
																 图片尺寸180X180输入你的标题和价格 <br />
																一口价:188.00元<br />
																<br />
																<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank"><img border="0" src="//gdp.alicdn.com/imgextra/i4/756715703/T2urlAXj0MXXXXXXXX-756715703.jpg" width="180" height="180" /></a><br />
																<br />
																 图片尺寸180X180输入你的标题和价格 <br />
																一口价:188.00元<br />
																<br />
																<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank"><img border="0" src="//gdp.alicdn.com/imgextra/i4/756715703/T2IQ9DXb0XXXXXXXXX-756715703.jpg" width="180" height="180" /></a><br />
																<br />
																 图片尺寸180X180输入你的标题和价格 <br />
																一口价:188.00元 </p>
																</font>
															</td>
															<td height="37%" valign="top" width="8">
																&nbsp;
															</td>
														</tr>
													</tbody>
												</table>
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
					</tbody>
				</table>
				<div class="hd">
					<h3><span><font color="#ffffff" size="3">看图购放大镜</font></span></h3>
				</div>
				<div class="fangdajing1">
					<ul>
						<li class="d01">
							<div style="width:186px;height:217px;">
								<table style="width:186px;height:217px;" border="0" cellspacing="0" cellpadding="0">
									<tbody>
										<tr>
											<td height="28">
												<div style="font-size:12px;" class="tit01">
													<font color="#b70000">HOT</font><font color="#b70000">.1</font>¥:168元&nbsp;点击查看大图
												</div>
											</td>
										</tr>
										<tr>
											<td height="189">
												<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank"><img style="width:186px;height:186px;" alt="" src="//gdp.alicdn.com/imgextra/i3/756715703/T2yQ5DXkJXXXXXXXXX-756715703.jpg" /></a>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
							<div class="J_TWidget hidden pro-on" data-widget-config="{&quot;trigger&quot;:&quot;.d01&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.d01&quot;,&quot;offset&quot;:[0,0],&quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;]}}" data-widget-type="Popup">
								<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank"><img style="width:310px;height:310px;" alt="" src="//gdp.alicdn.com/imgextra/i3/756715703/T2yQ5DXkJXXXXXXXXX-756715703.jpg" /></a>
							</div>
						</li>
						<li class="d02">
							<div style="width:186px;height:217px;">
								<table style="width:186px;height:217px;" border="0" cellspacing="0" cellpadding="0">
									<tbody>
										<tr>
											<td height="28">
												<div style="font-size:12px;" class="tit01">
													<font style="font-size:12px;" color="#b70000">HOT.2</font>¥:268元&nbsp;点击查看大图
												</div>
											</td>
										</tr>
										<tr>
											<td height="189">
												<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank"><img style="width:186px;height:186px;" alt="" src="//gdp.alicdn.com/imgextra/i3/756715703/T2PvNKXetcXXXXXXXX-756715703.jpg" /></a>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
							<div class="J_TWidget hidden pro-on" data-widget-config="{&quot;trigger&quot;:&quot;.d02&quot;,&quot;align&quot;:{&quot;node&quot;:&quot;.d02&quot;,&quot;offset&quot;:[0,0],&quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;]}}" data-widget-type="Popup">
								<a href="http://www.taobao.com/?scene=taobao_shop" target="_blank"><img style="width:310px;height:310px;" alt="" src="//gdp.alicdn.com/imgextra/i3/756715703/T2PvNKXetcXXXXXXXX-756715703.jpg" /></a>
							</div>
						</li>
					</ul>
					<div class="hd">
						<h3><span><font color="#ffffff" size="3">活动进行中</font></span></h3>
					</div>
					<table style="margin-bottom:0px;" border="0" cellspacing="0" cellpadding="0" width="190">
						<tbody>
							<tr>
								<td height="406" valign="top" background="//gdp.alicdn.com/imgextra/i3/127656796/T2brFqXjXNXXXXXXXX-127656796.gif">
									<table border="0" cellspacing="0" cellpadding="0" width="190">
										<tbody>
											<tr>
												<td style="color:#990000;padding-left:50px;font-size:18px;" height="53">
													限时大特惠
												</td>
											</tr>
											<tr>
												<td style="padding-right:10px;padding-left:10px;" height="50" valign="top">
													&nbsp;&nbsp;&nbsp;<font style="color:#434343;">收到货物之日起,如对商品不满意可以在7天内退换货!22</font>
												</td>
											</tr>
											<tr>
												<td style="color:#990000;padding-left:50px;font-size:18px;" height="52">
													全场大特价
												</td>
											</tr>
											<tr>
												<td style="padding-right:10px;padding-left:10px;" height="50" valign="top">
													&nbsp;&nbsp;<font style="color:#434343;">&nbsp;本店一次性购物满200元返送20元,满500元,返送50元。</font>
												</td>
											</tr>
											<tr>
												<td style="color:#990000;padding-left:50px;font-size:18px;" height="48">
													新品八折起
												</td>
											</tr>
											<tr>
												<td style="padding-right:10px;padding-left:10px;" height="50" valign="top">
													&nbsp;&nbsp;&nbsp;<font style="color:#434343;">全新上架当季新品,八折起抢购,详细促销信息请咨询本店客服。</font>
												</td>
											</tr>
											<tr>
												<td style="color:#990000;padding-left:50px;font-size:18px;" height="52">
													满百包邮
												</td>
											</tr>
											<tr>
												<td style="padding-right:10px;padding-left:10px;" height="40" valign="top">
													&nbsp;&nbsp;&nbsp;<font style="color:#434343;">本店购物满100元,即可免邮费,仅限于江浙沪地区的卖家。</font>
												</td>
											</tr>
										</tbody>
									</table>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<table cellspacing="0" cellpadding="0" width="190" height="35">
					<tbody>
						<tr>
							<td height="32" background="//gdp.alicdn.com/imgextra/i2/127656796/T2VymDXnlaXXXXXXXX-127656796.jpg" width="190">
								<table cellspacing="0" cellpadding="0" width="100%" height="100%">
									<tbody>
										<tr>
											<td height="100%" width="17%">
												&nbsp;
											</td>
											<td height="100%" width="83%">
												<strong><font color="#ffffff"><span style="font-size:14px;">客户自定义编辑区</span></font></strong>
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
					</tbody>
				</table>
				<table style="border:1px solid #B20000;" cellspacing="0" cellpadding="0" width="188">
					<tbody>
						<tr>
							<td height="10" width="190">
								&nbsp;&nbsp;<font style="color:#434343;">&nbsp;此区域标题和内容,自行修改,例入,可以放你店铺里的优惠卷,</font><font color="#ff0000">买家必读</font><font style="color:#434343;">,等等<br />
								<img border="0" src="//gdp.alicdn.com/imgextra/i1/756715703/T2SmNzXiJMXXXXXXXX-756715703.jpg" width="185" height="200" /></font>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

<div class="box">
	<div class="shop-search">
		<div class="hd">
			&nbsp;
		</div>
	</div>
</div>


飞蚂蚁模板网版权1