站長推薦:淘寶一鍵安裝模板,永久使用,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>


飛螞蟻模板網版權2