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


飛螞蟻模板網版權8