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

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

模板风格:粉红色

适用行业:女装类目!

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

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

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

模板首页效果图:

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

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

<div class="box">
	<div class="shop-custom no-border">
		<div class="bd">
			<div class="custom-area">
				<div class="box">
					<div class="shop-slider">
						<div class="bd">
							<div style="width:750px;height:400px;float:left;overflow-x:hidden;overflow-y: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 style="display:block;">
										<div align="center">
											<a href="//store.taobao.com/shop/view_shop.htm?nekot=ZHVvcGln1302238536386&amp;user_number_id=261995681&amp;mytmenu=mdianpu&amp;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/i2/T1H_C8XXdpXXcX2IwI-261995681.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;输入图片地址01(尺寸:750x400像素)&quot;}]" /></a>
										</div>
									</li>
									<li style="display:block;">
										<div align="center">
											<a href="//store.taobao.com/shop/view_shop.htm?nekot=ZHVvcGln1302238536386&amp;user_number_id=261995681&amp;mytmenu=mdianpu&amp;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/i3/T1Q_98XotoXXcX2IwI-261995681.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;输入图片地址02(尺寸:750x400像素)&quot;}]" /></a>
										</div>
									</li>
									<li style="display:block;">
										<div align="center">
											<a href="//store.taobao.com/shop/view_shop.htm?nekot=ZHVvcGln1302238536386&amp;user_number_id=261995681&amp;mytmenu=mdianpu&amp;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/i2/T1H_C8XXdpXXcX2IwI-261995681.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;输入图片地址03(尺寸:750x400像素)&quot;}]" /></a>
										</div>
									</li>
									<li style="display:block;">
										<div align="center">
											<a href="//store.taobao.com/shop/view_shop.htm?nekot=ZHVvcGln1302238536386&amp;user_number_id=261995681&amp;mytmenu=mdianpu&amp;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/i3/T1Q_98XotoXXcX2IwI-261995681.gif" width="750" height="400" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;输入图片地址04(尺寸:750x400像素)&quot;}]" /></a>
										</div>
									</li>
									<li style="display:block;">
										<div align="center">
											<a href="//store.taobao.com/shop/view_shop.htm?nekot=ZHVvcGln1302238536386&amp;user_number_id=261995681&amp;mytmenu=mdianpu&amp;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/i2/T1H_C8XXdpXXcX2IwI-261995681.gif" 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 class="current">
										1
									</li>
									<li>
										2
									</li>
									<li>
										3
									</li>
									<li>
										4
									</li>
									<li>
										5
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<table border="0" cellspacing="0" cellpadding="0" width="750">
					<tbody>
						<tr>
							<td colspan="5">
								<img src="//gdp.alicdn.com/imgextra/i3/T2xOifXkBaXXXXXXXX-261995681.gif" width="750" height="53" />
							</td>
						</tr>
						<tr>
							<td width="20">
								<img src="//gdp.alicdn.com/imgextra/i4/T2VyefXltaXXXXXXXX-261995681.gif" width="20" height="195" />
							</td>
							<td background="//gdp.alicdn.com/imgextra/i1/T2hiifXkVaXXXXXXXX-261995681.gif" width="197">
								<img src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="195" height="195" />
							</td>
							<td width="39">
								<img src="//gdp.alicdn.com/imgextra/i4/T20OefXllaXXXXXXXX-261995681.gif" width="39" height="195" />
							</td>
							<td background="//gdp.alicdn.com/imgextra/i3/T2yyefXl0aXXXXXXXX-261995681.gif" width="197">
								<img src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="195" height="195" />
							</td>
							<td width="297">
								<img src="//gdp.alicdn.com/imgextra/i3/T2DiifXktaXXXXXXXX-261995681.gif" width="297" height="195" />
							</td>
						</tr>
						<tr>
							<td height="47" background="//gdp.alicdn.com/imgextra/i1/T2t5ifXkJaXXXXXXXX-261995681.gif" colspan="5">
								&nbsp;
							</td>
						</tr>
						<tr>
							<td colspan="5">
								<img src="//gdp.alicdn.com/imgextra/i1/T2biifXk8aXXXXXXXX-261995681.gif" width="750" height="44" />
							</td>
						</tr>
					</tbody>
				</table>
				<table border="0" cellspacing="0" cellpadding="0" width="750">
					<tbody>
						<tr>
							<td width="264">
								<img src="//gdp.alicdn.com/imgextra/i3/T2.OefXk8aXXXXXXXX-261995681.gif" width="264" height="191" />
							</td>
							<td background="//gdp.alicdn.com/imgextra/i2/T2N5efXlBaXXXXXXXX-261995681.gif" width="459">
								<div align="center">
									<font style="color:#007F40;">双击后输入文字哦<br />
									购物TIPS</font>
								</div>
								<div align="center">
									<font style="color:#007F40;">● 店内架上都是现货~购买上面可以点选的都是有货滴~下午3点半前付好款当天可发货,上新日前后或许会有延迟。</font>
								</div>
								<div align="center">
									<font style="color:#007F40;">●实物拍摄,这里没有仿单图、瑞丽图、盗图,放心购买</font>
								</div>
								<div align="center">
									<font style="color:#007F40;">● 逾三日未付款,淘宝自动关闭交易重新上架,也请不要反复拍下和关闭,会影响我们库存噢。</font>
								</div>
								<div align="center">
									<font style="color:#007F40;">● 不要放弃您应得的售后服务,习惯收到东西不联系直接给中差评者绕道走,黑名单。</font>
								</div>
							</td>
							<td width="27">
								<img src="//gdp.alicdn.com/imgextra/i4/T2PiefXlBaXXXXXXXX-261995681.gif" width="27" height="191" />
							</td>
						</tr>
						<tr>
							<td colspan="3">
								<img src="//gdp.alicdn.com/imgextra/i2/T2tyefXl8aXXXXXXXX-261995681.gif" width="750" height="25" />
							</td>
						</tr>
					</tbody>
				</table>
				<table border="0" cellspacing="0" cellpadding="0" width="750">
					<tbody>
						<tr>
							<td height="56" background="//gdp.alicdn.com/imgextra/i1/T2EiefXlNaXXXXXXXX-261995681.gif">
								 <strong><font style="color:#407F00;"></font></strong><font style="font-size:10pt;"></font>
								<table border="0" cellspacing="0" cellpadding="0" width="750">
									<tbody>
										<tr>
											<td width="52">
												&nbsp;
											</td>
											<td height="56" width="173">
												<div align="center">
													<strong><font style="color:#407F00;font-size:10pt;">2016年4月新品入荷“-</font></strong>
												</div>
											</td>
											<td width="525">
												&nbsp;
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
					</tbody>
				</table>
				<table border="0" cellspacing="0" cellpadding="0" width="750">
					<tbody>
						<tr>
							<td colspan="9">
								<img src="//gdp.alicdn.com/imgextra/i1/T29OefXlXaXXXXXXXX-261995681.gif" width="750" height="34" />
							</td>
						</tr>
						<tr>
							<td width="9">
								<img src="//gdp.alicdn.com/imgextra/i4/T2ryefXl8aXXXXXXXX-261995681.gif" width="9" height="159" />
							</td>
							<td background="//gdp.alicdn.com/imgextra/i1/T2AyefXlVaXXXXXXXX-261995681.gif" width="161">
								<img src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="159" height="159" />
							</td>
							<td width="27">
								<img src="//gdp.alicdn.com/imgextra/i1/T2B5ifXkxaXXXXXXXX-261995681.gif" width="27" height="159" />
							</td>
							<td background="//gdp.alicdn.com/imgextra/i1/T2LOifXkdaXXXXXXXX-261995681.gif" width="162">
								<img src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="159" height="159" />
							</td>
							<td width="30">
								<img src="//gdp.alicdn.com/imgextra/i1/T2dOifXk4aXXXXXXXX-261995681.gif" width="30" height="159" />
							</td>
							<td background="//gdp.alicdn.com/imgextra/i1/T2LOifXkdaXXXXXXXX-261995681.gif" width="160">
								<img src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="159" height="159" />
							</td>
							<td width="30">
								<img src="//gdp.alicdn.com/imgextra/i2/T2GiifXkpaXXXXXXXX-261995681.gif" width="30" height="159" />
							</td>
							<td background="//gdp.alicdn.com/imgextra/i3/T2ryifXkJaXXXXXXXX-261995681.gif" width="162">
								<img src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="159" height="159" />
							</td>
							<td width="9">
								<img src="//gdp.alicdn.com/imgextra/i3/T2p5efXklaXXXXXXXX-261995681.gif" width="9" height="159" />
							</td>
						</tr>
						<tr>
							<td height="38" background="//gdp.alicdn.com/imgextra/i3/T2u41fXmXaXXXXXXXX-261995681.gif" colspan="9">
								&nbsp;
							</td>
						</tr>
					</tbody>
				</table>
				<table border="0" cellspacing="0" cellpadding="0" width="750">
					<tbody>
						<tr>
							<td height="28" background="//gdp.alicdn.com/imgextra/i4/T2kiifXkRaXXXXXXXX-261995681.gif" width="11">
								&nbsp;
							</td>
							<td background="//gdp.alicdn.com/imgextra/i4/T2kiifXkRaXXXXXXXX-261995681.gif" width="157">
								<div align="center">
									<font style="color:#FF7F00;"><strong>这里输入商品名称价格</strong></font>
								</div>
							</td>
							<td background="//gdp.alicdn.com/imgextra/i4/T2kiifXkRaXXXXXXXX-261995681.gif" width="29">
								&nbsp;
							</td>
							<td background="//gdp.alicdn.com/imgextra/i4/T2kiifXkRaXXXXXXXX-261995681.gif" width="163">
								<div align="center">
									<div align="center">
										<font style="color:#FF7F00;"><strong>这里输入商品名称价格</strong></font>
									</div>
								</div>
							</td>
							<td background="//gdp.alicdn.com/imgextra/i4/T2kiifXkRaXXXXXXXX-261995681.gif" width="25">
								&nbsp;
							</td>
							<td background="//gdp.alicdn.com/imgextra/i4/T2kiifXkRaXXXXXXXX-261995681.gif" width="165">
								<div align="center">
									<div align="center">
										<font style="color:#FF7F00;"><strong>这里输入商品名称价格</strong></font>
									</div>
								</div>
							</td>
							<td background="//gdp.alicdn.com/imgextra/i4/T2kiifXkRaXXXXXXXX-261995681.gif" width="27">
								&nbsp;
							</td>
							<td background="//gdp.alicdn.com/imgextra/i4/T2kiifXkRaXXXXXXXX-261995681.gif" width="162">
								<div align="center">
									<div align="center">
										<font style="color:#FF7F00;"><strong>这里输入商品名称价格</strong></font>
									</div>
								</div>
							</td>
							<td background="//gdp.alicdn.com/imgextra/i4/T2kiifXkRaXXXXXXXX-261995681.gif" width="11">
								&nbsp;
							</td>
						</tr>
					</tbody>
				</table>
				<table border="0" cellspacing="0" cellpadding="0" width="750">
					<tbody>
						<tr>
							<td height="56" background="//gdp.alicdn.com/imgextra/i1/T2EiefXlNaXXXXXXXX-261995681.gif">
								 <font style="color:#407F00;"><strong><font style="color:#407F00;"></font></strong></font><font style="font-size:10pt;"></font>
								<table border="0" cellspacing="0" cellpadding="0" width="750">
									<tbody>
										<tr>
											<td width="52">
												&nbsp;
											</td>
											<td height="56" width="173">
												<div align="center">
													<strong><font style="color:#407F00;">热卖宝贝限时抢购“-</font></strong>
												</div>
											</td>
											<td width="525">
												&nbsp;
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
					</tbody>
				</table>
				<table border="0" cellspacing="0" cellpadding="0" width="750">
					<tbody>
						<tr>
							<td colspan="8">
								<img src="//gdp.alicdn.com/imgextra/i2/T2RiefXlxaXXXXXXXX-261995681.gif" width="750" height="23" />
							</td>
						</tr>
						<tr>
							<td width="17">
								<img src="//gdp.alicdn.com/imgextra/i3/T2zyifXkBaXXXXXXXX-261995681.gif" width="17" height="169" />
							</td>
							<td background="//gdp.alicdn.com/imgextra/i3/T2UyefXltaXXXXXXXX-261995681.gif" width="172">
								<img src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="170" height="164" />
							</td>
							<td width="16">
								<img src="//gdp.alicdn.com/imgextra/i4/T245efXlhaXXXXXXXX-261995681.gif" width="16" height="169" />
							</td>
							<td background="//gdp.alicdn.com/imgextra/i1/T2COefXlRaXXXXXXXX-261995681.gif" width="174">
								 <strong><font style="font-size:14pt;"></font></strong>
								<table border="0" cellspacing="0" cellpadding="0" width="174">
									<tbody>
										<tr>
											<td height="38" width="11">
												&nbsp;
											</td>
											<td width="99">
												<div align="center">
													<strong><font style="font-size:14pt;">¥88元</font></strong>
												</div>
											</td>
											<td width="64">
												<div align="center">
													<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2HOifXklaXXXXXXXX-261995681.gif" />
												</div>
											</td>
										</tr>
										<tr>
											<td height="130" colspan="3">
												<div align="center">
													<font style="color:#007F40;"><br />
													这里可以编辑您的宝贝<br />
													详细信息哦以及活动信息<br />
													亲们随意发挥<br />
													注意控制字数哦<br />
													。。。。</font>
												</div>
											</td>
										</tr>
									</tbody>
								</table>
							</td>
							<td width="18">
								<img src="//gdp.alicdn.com/imgextra/i2/T2H5efXlJaXXXXXXXX-261995681.gif" width="18" height="169" />
							</td>
							<td background="//gdp.alicdn.com/imgextra/i2/T2i5ifXkRaXXXXXXXX-261995681.gif" width="167">
								<img src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="168" height="164" />
							</td>
							<td width="18">
								<img src="//gdp.alicdn.com/imgextra/i1/T2KOefXlFaXXXXXXXX-261995681.gif" width="18" height="169" />
							</td>
							<td background="//gdp.alicdn.com/imgextra/i3/T2QiefXlxaXXXXXXXX-261995681.gif" width="168">
								<table border="0" cellspacing="0" cellpadding="0" width="164">
									<tbody>
										<tr>
											<td height="38" width="11">
												&nbsp;
											</td>
											<td width="99">
												<div align="center">
													<div align="center">
														<strong><font style="font-size:14pt;">¥88元</font></strong>
													</div>
												</div>
											</td>
											<td width="54">
												<div align="center">
													<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2HOifXklaXXXXXXXX-261995681.gif" />
												</div>
											</td>
										</tr>
										<tr>
											<td height="130" colspan="3">
												<div align="center">
													<div align="center">
														<font style="color:#007F40;"><br />
														这里可以编辑您的宝贝<br />
														详细信息哦以及活动信息<br />
														亲们随意发挥<br />
														注意控制字数哦<br />
														。。。。</font>
													</div>
												</div>
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
						<tr>
							<td colspan="8">
								<img src="//gdp.alicdn.com/imgextra/i3/T2WOefXltaXXXXXXXX-261995681.gif" width="750" height="23" />
							</td>
						</tr>
					</tbody>
				</table>
				<table border="0" cellspacing="0" cellpadding="0" width="750">
					<tbody>
						<tr>
							<td height="56" background="//gdp.alicdn.com/imgextra/i1/T2EiefXlNaXXXXXXXX-261995681.gif">
								 <font style="color:#407F00;"><strong><font style="color:#407F00;"></font></strong></font><font style="font-size:10pt;"></font>
								<table border="0" cellspacing="0" cellpadding="0" width="750">
									<tbody>
										<tr>
											<td width="52">
												&nbsp;
											</td>
											<td height="56" width="173">
												<div align="center">
													<strong><font style="color:#407F00;">热卖宝贝限时抢购“-</font></strong>
												</div>
											</td>
											<td width="525">
												&nbsp;
											</td>
										</tr>
									</tbody>
								</table>
							</td>
						</tr>
					</tbody>
				</table>
				<table border="0" cellspacing="0" cellpadding="0" width="750">
					<tbody>
						<tr>
							<td colspan="3">
								<img src="//gdp.alicdn.com/imgextra/i1/T2JiifXkhaXXXXXXXX-261995681.gif" width="750" height="26" />
							</td>
						</tr>
						<tr>
							<td width="17">
								<img src="//gdp.alicdn.com/imgextra/i2/T2i5efXmdaXXXXXXXX-261995681.gif" width="17" height="167" />
							</td>
							<td background="//gdp.alicdn.com/imgextra/i2/T2NiefXlFaXXXXXXXX-261995681.gif" width="513">
								 <marquee style="width:508px;height:150px;" height="150" behavior="alternate" width="508" scrollamount="4"><img style="width:159px;height:164px;" src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="170" height="164" />&nbsp;<img style="width:159px;height:164px;" src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="170" height="164" />&nbsp;<img style="width:159px;height:164px;" src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="170" height="164" />&nbsp;<img style="width:159px;height:164px;" src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="170" height="164" />&nbsp;&nbsp;</marquee>
							</td>
							<td width="220">
								<img src="//gdp.alicdn.com/imgextra/i4/T2F5efXlNaXXXXXXXX-261995681.gif" width="220" height="167" />
							</td>
						</tr>
						<tr>
							<td colspan="3">
								<img src="//gdp.alicdn.com/imgextra/i3/T2vyifXkFaXXXXXXXX-261995681.gif" width="750" height="25" />
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

左边代码:先自定义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 src="//gdp.alicdn.com/imgextra/i2/T2rx1fXkhaXXXXXXXX-261995681.gif" width="190" height="247" />
							</td>
						</tr>
						<tr>
							<td height="200" background="//gdp.alicdn.com/imgextra/i4/T28OefXlXaXXXXXXXX-261995681.gif">
								<div align="center">
									<br />
									<br />
									<font style="color:#2D2D2D;"><br />
									<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2fyifXk0aXXXXXXXX-261995681.gif" /><br />
									收藏有礼哦<br />
									收藏即减1元!<br />
									<br />
									营业时间:9:00-23:00<br />
									<br />
									客服猪猪</font><a href="http://www.taobao.com/webww/ww.php?spm=1103v9Z9.1-1QsEp.3-52RyR7&amp;ver=3&amp;touid=duopig&amp;siteid=cntaobao&amp;status=1&amp;charset=utf-8&amp;scene=taobao_shop" target="_blank" data-spm-anchor-id="1103v9Z9.1-1QsEp.3-52RyR7"><font style="color:#2D2D2D;"><strong><img border="0" alt="点这里给我发消息" src="//im.alicdn.com/actions/wbtx/wangwang/1/online.gif" /></strong></font></a><font style="color:#BF5F00;"></font><font style="color:#2D2D2D;"><strong> <br />
									</strong>客服猪猪</font><a href="http://www.taobao.com/webww/ww.php?spm=1103v9Z9.1-1QsEp.3-52RyR7&amp;ver=3&amp;touid=duopig&amp;siteid=cntaobao&amp;status=1&amp;charset=utf-8&amp;scene=taobao_shop" target="_blank" data-spm-anchor-id="1103v9Z9.1-1QsEp.3-52RyR7"><font style="color:#2D2D2D;"><strong><img border="0" alt="点这里给我发消息" src="//im.alicdn.com/actions/wbtx/wangwang/1/online.gif" /></strong></font></a><font style="color:#BF5F00;"></font><font style="color:#2D2D2D;"><strong> </strong><br />
									客服猪猪</font><a href="http://www.taobao.com/webww/ww.php?spm=1103v9Z9.1-1QsEp.3-52RyR7&amp;ver=3&amp;touid=duopig&amp;siteid=cntaobao&amp;status=1&amp;charset=utf-8&amp;scene=taobao_shop" target="_blank" data-spm-anchor-id="1103v9Z9.1-1QsEp.3-52RyR7"><font style="color:#2D2D2D;"><strong><img border="0" alt="点这里给我发消息" src="//im.alicdn.com/actions/wbtx/wangwang/1/online.gif" /></strong></font></a><font style="color:#BF5F00;"></font><font style="color:#2D2D2D;"><strong> </strong><br />
									客服猪猪</font><a href="http://www.taobao.com/webww/ww.php?spm=1103v9Z9.1-1QsEp.3-52RyR7&amp;ver=3&amp;touid=duopig&amp;siteid=cntaobao&amp;status=1&amp;charset=utf-8&amp;scene=taobao_shop" target="_blank" data-spm-anchor-id="1103v9Z9.1-1QsEp.3-52RyR7"><font style="color:#2D2D2D;"><strong><img border="0" alt="点这里给我发消息" src="//im.alicdn.com/actions/wbtx/wangwang/1/online.gif" /></strong></font></a><font style="color:#BF5F00;"></font><font style="color:#2D2D2D;"><strong> <br />
									</strong><br />
									<br />
									可自由添加多个旺旺哦<br />
									高度没有限制<br />
									。。。。<br />
									</font><br />
									<br />
									&nbsp;<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2fyifXk0aXXXXXXXX-261995681.gif" />&nbsp;<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2fyifXk0aXXXXXXXX-261995681.gif" />&nbsp;<img alt="" src="//gdp.alicdn.com/imgextra/i1/T2fyifXk0aXXXXXXXX-261995681.gif" />
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<img src="//gdp.alicdn.com/imgextra/i1/T2piefXmXaXXXXXXXX-261995681.gif" width="190" height="24" />
							</td>
						</tr>
					</tbody>
				</table>
				<div class="ygdeisgn J_TWidget" data-widget-config="{ &quot;triggerType&quot;: &quot;mouse&quot;,&quot;triggerCls&quot;:&quot;t1&quot;,&quot;panelCls&quot;:&quot;t2&quot;,&quot;multiple&quot;:false,&quot;autoplay&quot;:true}" data-widget-type="Accordion">
					<div class="shoufengqin">
						<ul>
							<div class="t3">
								<strong><img alt="" src="//gdp.alicdn.com/imgextra/i3/T2snFLXnNaXXXXXXXX-261995681.gif" /><font style="color:#407F00;">热卖宝贝排行榜</font><img alt="" src="//gdp.alicdn.com/imgextra/i3/T2snFLXnNaXXXXXXXX-261995681.gif" /></strong>
							</div>
							<div class="t1">
								&nbsp;&nbsp;&nbsp; <font style="color:#407F00;"><strong>TOP1这里输入文字商品名称</strong></font>
							</div>
							<div style="display:block;" class="t2">
								<div>
									<img style="width:170px;" alt="" src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="190" height="190" />
								</div>
							</div>
							<div class="t1">
								&nbsp;&nbsp;&nbsp; <strong><font color="#407f00">TOP1这里输入文字商品名称</font></strong>
							</div>
							<div class="t2">
								<div>
									<img style="width:170px;" alt="" src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="190" height="190" />
								</div>
							</div>
							<div class="t1">
								&nbsp;&nbsp;&nbsp; <strong><font color="#407f00">TOP1这里输入文字商品名称</font></strong>
							</div>
							<div class="t2">
								<div>
									<img style="width:170px;" alt="" src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="190" height="190" />
								</div>
							</div>
							<div class="t1">
								&nbsp;&nbsp;&nbsp; <strong><font color="#407f00">TOP1这里输入文字商品名称</font></strong>
							</div>
							<div class="t2">
								<div>
									<img style="width:170px;" alt="" src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="190" height="190" />
								</div>
							</div>
							<div class="t1">
								&nbsp;&nbsp;&nbsp; <strong><font color="#407f00">TOP1这里输入文字商品名称</font></strong>
							</div>
							<div class="t2">
								<div>
									<img style="width:170px;" alt="" src="//gdp.alicdn.com/imgextra/i2/T26iefXlhaXXXXXXXX-261995681.gif" width="190" height="190" />
								</div>
							</div>
						</ul>
					</div>
				</div>
				<p><img alt="" src="//gdp.alicdn.com/imgextra/i4/T2myifXkRaXXXXXXXX-261995681.gif" /></p>
			</div>
		</div>
	</div>
</div>

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