站長推薦:淘寶一鍵安裝模板,永久使用,20分鐘搞定裝修 點擊查看

模板介紹:黑色系列淘寶女裝基礎版店鋪裝修免費模板自帶輪播圖代碼模板

模板風格:黑色

適用行業:女裝類目!

適合旺鋪:淘寶旺鋪基礎版

基礎版旺鋪具體設置方法請看:基礎背景圖設置教程

專業版旺鋪具體設置方法請看:專業版背景圖設置教程

模板首頁效果圖:

15.jpg

以下是代碼部分:PS:代碼分4部分,一個是店招(圖片直接插入就好了),還有導航條代碼  另外是右邊代碼  和左邊代碼,直接復制然后在代碼模式下操作,就可以了。

非常簡單的,不懂的可以進群交流,網頁下方有進群方式,謝謝合作!

店招圖片:先點圖片右鍵保存在本地,然后在上傳到圖片空間,最后插入店招里就好

店招.jpg

導航條黑色代碼:把以下代碼放進導航顯示里面就好了

 .skin-box-bd, .skin-box-bd .menu-list, .all-cats, .skin-box-bd .all-cats .title, .skin-box-bd .menu-list .menu .title, .skin-box-bd .all-cats .link, .skin-box-bd .menu-list .menu .link{height:40px;line-height:40px;}
 .skin-box-bd .menu-list .menu{border-right:1px solid #333333;}
 .skin-box-bd .menu-list .menu:hover .link, .skin-box-bd .menu-list .menu-hover .link{background:#6EA60D;}
 .skin-box-bd .menu-list .menu .link .title{color:#ffffff;}
 .skin-box-bd .menu-list .menu:hover .link .title, .skin-box-bd .menu-list .menu-hover .link .title{color:#ffffff;}
 .skin-box-bd .all-cats .link .title, .skin-box-bd .menu-list .menu .link .title{font-size:12px;}
 .skin-box-bd .all-cats .link .title, .skin-box-bd .menu-list .menu .link .title, .skin-box-bd .popup-content .menu-popup-cats .sub-cat a, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .snd-cat-name{font-family:arial;}
 .skin-box-bd .all-cats .link .popup-icon, .skin-box-bd .menu-list .menu .link .popup-icon{display:on;}
 .skin-box-bd .all-cats .link .popup-icon, .skin-box-bd .menu-list .menu .link .popup-icon{margin-top:14px;}
 .skin-box-bd .menu-list .menu .link{padding:0 20px;}
 .skin-box-bd .all-cats .link{width:170px;}
 .skin-box-bd .all-cats:hover .link, .skin-box-bd .all-cats-hover .link{background:#6EA60D;}
 .skin-box-bd .all-cats .link .title{color:#ffffff;}
 .skin-box-bd .all-cats:hover .title, .skin-box-bd .all-cats-hover .title{color:#ffffff;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover{background:#7AB80E;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover .cat-hd .fst-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover .cat-hd .fst-cat-name{color:#ffffff;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .fst-cat{border-color:#E1E1E1;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover .cat-hd .fst-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .cat-hd-hover{border-color:#7AB80E;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name{font-size:12px;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd:hover, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd-hover{background:#6EA60D;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd a.snd-cat-name{color:#ffffff;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd:hover a.snd-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd-hover a.snd-cat-name{color:#ffffff;}
 .skin-box-bd .popup-content .cats-tree .snd-cat-name{font-size:12px;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover{background:#7AB80E;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover a, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover a{color:#ffffff;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat{border-color:#E1E1E1;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover{border-color:#7AB80E;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat a{font-size:12px;}
 .skin-box-bd, .skin-box-bd .menu-list{background:#141212;}
 .skin-box-bd .menu-list .menu .link{background:#141212;}
 .skin-box-bd .all-cats .link{background:#141212;}
 .skin-box-bd .all-cats-popup, .skin-box-bd .popup-content .cats-tree .fst-cat{background:#141212;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner{background:#141212;}
 .skin-box-bd .popup-content .menu-popup-cats{background:#141212;}
 .skin-box-bd .popup-content .menu-popup-cats .sub-cat a{color:#ebefe4;}
 .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name{color:#ebefe4;}

邊代碼:先自定義750,然后在復制代碼進去,注意要在代碼模式下操作喔!可先在線運行查看效果!

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


左邊代碼:先自定義750,然后在復制代碼進去,注意要在代碼模式下操作喔!可先在線運行查看效果!

<div class="box">
	<div class="shop-custom">
		<div class="bd">
			<div class="custom-area">
				<div class="lzj">
					<div align="center">
						<table border="0" cellspacing="0" cellpadding="0" width="190">
							<tbody>
								<tr>
									<td>
										 <img alt="" src="//gdp.alicdn.com/imgextra/i2/T2Nx43XeRaXXXXXXXX-82595315.gif" width="190" height="125" />
									</td>
								</tr>
								<tr>
									<td background="//gdp.alicdn.com/imgextra/i3/T2Ix43Xe8aXXXXXXXX-82595315.gif">
										<p align="center"><font color="#beb289">客服:<img border="0" alt="點擊這里給我發消息" src="//gdp.alicdn.com/imgextra/i4/T2C443XflaXXXXXXXX-82595315.gif" width="77" height="19" /></font></p>
										<p align="center">&nbsp;</p>
										<p align="center"><font color="#beb289"><br />
										 客服:<img border="0" alt="點擊這里給我發消息" src="//gdp.alicdn.com/imgextra/i4/T2C443XflaXXXXXXXX-82595315.gif" width="77" height="19" /></font></p>
										<p align="center">&nbsp;</p>
										<p align="center"><font color="#beb289"><br />
										 客服:<img border="0" alt="點擊這里給我發消息" src="//gdp.alicdn.com/imgextra/i4/T2C443XflaXXXXXXXX-82595315.gif" width="77" height="19" /></font></p>
										<p align="center">&nbsp;</p>
										<p align="left"><font color="#beb289"><br />
										 溫馨提示:為了方便快捷收貨,請確保聯系方式正確無誤 </font></p>
										<p align="left"><font color="#beb289"><br />
										 拍單說明:當天下午4點以前的當天發貨,4點以后的順延至次日發貨<br />
										 <br />
										 文字多少不限,可無限拉長</font></p>
										<p align="left"><img src="//gdp.alicdn.com/imgextra/i2/T2A443XftaXXXXXXXX-82595315.gif" /></p>
									</td>
								</tr>
							</tbody>
						</table>
						<table border="0" cellspacing="0" cellpadding="0" width="190" height="259">
							<tbody>
								<tr>
									<td>
										 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Eh43XflaXXXXXXXX-82595315.jpg" width="190" height="17" />
									</td>
								</tr>
								<tr>
									<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2Kx43Xe0aXXXXXXXX-82595315.jpg" width="190" align="center">
										 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i4/T2UBxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
									</td>
								</tr>
								<tr>
									<td height="64" background="//gdp.alicdn.com/imgextra/i2/T2Fh43XfhaXXXXXXXX-82595315.jpg" width="190" align="center">
										<div align="center">
											<table border="0" cellspacing="0" cellpadding="0" width="190" height="64">
												<tbody>
													<tr>
														<td height="40" colspan="2" align="center">
															 <font color="#e1b571">名稱簡單介紹,不要回車自動串行,文字二行內</font>
														</td>
													</tr>
													<tr>
														<td height="24" width="90" align="right">
															 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
														</td>
														<td height="24" width="85" align="left">
															 <font style="color:#FFFFFF;font-size:12pt;"><strong>99.00</strong></font>
														</td>
													</tr>
												</tbody>
											</table>
										</div>
									</td>
								</tr>
								<tr>
									<td>
										 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2G443XfdaXXXXXXXX-82595315.jpg" width="190" height="6" />
									</td>
								</tr>
							</tbody>
						</table>
						<div align="center">
							<table border="0" cellspacing="0" cellpadding="0" width="190" height="259">
								<tbody>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Eh43XflaXXXXXXXX-82595315.jpg" width="190" height="17" />
										</td>
									</tr>
									<tr>
										<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2Kx43Xe0aXXXXXXXX-82595315.jpg" width="190" align="center">
											 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T2VRxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
										</td>
									</tr>
									<tr>
										<td height="64" background="//gdp.alicdn.com/imgextra/i2/T2Fh43XfhaXXXXXXXX-82595315.jpg" width="190" align="center">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="190" height="64">
													<tbody>
														<tr>
															<td height="40" colspan="2" align="center">
																 <font color="#e1b571">名稱簡單介紹,不要回車自動串行,文字二行內</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="90" align="right">
																 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="85" align="left">
																 <font style="color:#FFFFFF;font-size:12pt;"><strong>99.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2G443XfdaXXXXXXXX-82595315.jpg" width="190" height="6" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div align="center">
							<table border="0" cellspacing="0" cellpadding="0" width="190" height="259">
								<tbody>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Eh43XflaXXXXXXXX-82595315.jpg" width="190" height="17" />
										</td>
									</tr>
									<tr>
										<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2Kx43Xe0aXXXXXXXX-82595315.jpg" width="190" align="center">
											 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i4/T2UBxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
										</td>
									</tr>
									<tr>
										<td height="64" background="//gdp.alicdn.com/imgextra/i2/T2Fh43XfhaXXXXXXXX-82595315.jpg" width="190" align="center">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="190" height="64">
													<tbody>
														<tr>
															<td height="40" colspan="2" align="center">
																 <font color="#e1b571">名稱簡單介紹,不要回車自動串行,文字二行內</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="90" align="right">
																 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="85" align="left">
																 <font style="color:#FFFFFF;font-size:12pt;"><strong>99.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2G443XfdaXXXXXXXX-82595315.jpg" width="190" height="6" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div align="center">
							<table border="0" cellspacing="0" cellpadding="0" width="190" height="259">
								<tbody>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Eh43XflaXXXXXXXX-82595315.jpg" width="190" height="17" />
										</td>
									</tr>
									<tr>
										<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2Kx43Xe0aXXXXXXXX-82595315.jpg" width="190" align="center">
											 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T2VRxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
										</td>
									</tr>
									<tr>
										<td height="64" background="//gdp.alicdn.com/imgextra/i2/T2Fh43XfhaXXXXXXXX-82595315.jpg" width="190" align="center">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="190" height="64">
													<tbody>
														<tr>
															<td height="40" colspan="2" align="center">
																 <font color="#e1b571">名稱簡單介紹,不要回車自動串行,文字二行內</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="90" align="right">
																 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="85" align="left">
																 <font style="color:#FFFFFF;font-size:12pt;"><strong>99.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2G443XfdaXXXXXXXX-82595315.jpg" width="190" height="6" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div align="center">
							<table border="0" cellspacing="0" cellpadding="0" width="190" height="259">
								<tbody>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Eh43XflaXXXXXXXX-82595315.jpg" width="190" height="17" />
										</td>
									</tr>
									<tr>
										<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2Kx43Xe0aXXXXXXXX-82595315.jpg" width="190" align="center">
											 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i4/T2UBxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
										</td>
									</tr>
									<tr>
										<td height="64" background="//gdp.alicdn.com/imgextra/i2/T2Fh43XfhaXXXXXXXX-82595315.jpg" width="190" align="center">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="190" height="64">
													<tbody>
														<tr>
															<td height="40" colspan="2" align="center">
																 <font color="#e1b571">名稱簡單介紹,不要回車自動串行,文字二行內</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="90" align="right">
																 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="85" align="left">
																 <font style="color:#FFFFFF;font-size:12pt;"><strong>99.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2G443XfdaXXXXXXXX-82595315.jpg" width="190" height="6" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div align="center">
							<table border="0" cellspacing="0" cellpadding="0" width="190" height="259">
								<tbody>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i1/T2Eh43XflaXXXXXXXX-82595315.jpg" width="190" height="17" />
										</td>
									</tr>
									<tr>
										<td height="172" background="//gdp.alicdn.com/imgextra/i4/T2Kx43Xe0aXXXXXXXX-82595315.jpg" width="190" align="center">
											 <a href="http://www.taobao.com/?scene=taobao_shop"><img src="//gdp.alicdn.com/imgextra/i1/T2VRxWXiBcXXXXXXXX-82595315.jpg" width="160" height="160" /></a>
										</td>
									</tr>
									<tr>
										<td height="64" background="//gdp.alicdn.com/imgextra/i2/T2Fh43XfhaXXXXXXXX-82595315.jpg" width="190" align="center">
											<div align="center">
												<table border="0" cellspacing="0" cellpadding="0" width="190" height="64">
													<tbody>
														<tr>
															<td height="40" colspan="2" align="center">
																 <font color="#e1b571">名稱簡單介紹,不要回車自動串行,文字二行內</font>
															</td>
														</tr>
														<tr>
															<td height="24" width="90" align="right">
																 <img src="//gdp.alicdn.com/imgextra/i4/T2B8BWXgFcXXXXXXXX-82595315.gif" />
															</td>
															<td height="24" width="85" align="left">
																 <font style="color:#FFFFFF;font-size:12pt;"><strong>99.00</strong></font>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</td>
									</tr>
									<tr>
										<td>
											 <img alt="" src="//gdp.alicdn.com/imgextra/i3/T2G443XfdaXXXXXXXX-82595315.jpg" width="190" height="6" />
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


飛螞蟻模板網版權3