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

模板介紹:大氣粉紅色淘寶女裝基礎版店鋪裝修免費模板自帶輪播圖代碼模板

模板風格:粉紅色

適用行業:女裝類目!

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

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

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

模板首頁效果圖:

13.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="shop-slider">
					<div class="bd">
						<div style="width:750px;height:361px;overflow:hidden;" class="slider-promo J_TWidget" 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" data-type="scrolly">
							<ul style="list-style-type:none;margin:0px;float:left;" class="lst-main">
								<li style="list-style-type:none;margin:0px;float:left;">
									<div class="lbcc">
										<a href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;點擊圖片后進入的連接地址&quot;}]"><img alt="" src="//gdp.alicdn.com/imgextra/i3/T1WbSOXg0lXXacqQ3p-45748670.jpg" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;空間里的圖片地址尺寸750*361&quot;}]" /></a>
									</div>
								</li>
								<li style="list-style-type:none;margin:0px;float:left;">
									<div class="lbcc">
										<a href="//img03.taobaocdn.com/imgextra/i3/T29M4KXo8XXXXXXXXX-680545692.jpg?scene=taobao_shop" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;點擊圖片后進入的連接地址&quot;}]"><img alt="" src="//gdp.alicdn.com/imgextra/i3/T1WbSOXg0lXXacqQ3p-45748670.jpg" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;空間里的圖片地址尺寸750*361&quot;}]" /></a>
									</div>
								</li>
								<li style="list-style-type:none;margin:0px;float:left;">
									<div class="lbcc">
										<a href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;點擊圖片后進入的連接地址&quot;}]"><img alt="" src="//gdp.alicdn.com/imgextra/i3/T1WbSOXg0lXXacqQ3p-45748670.jpg" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;空間里的圖片地址尺寸750*361&quot;}]" /></a>
									</div>
								</li>
								<li style="list-style-type:none;margin:0px;float:left;">
									<div class="lbcc">
										<a href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank" data-attr-replace="[{&quot;type&quot;:&quot;href&quot;,&quot;desc&quot;:&quot;點擊圖片后進入的連接地址&quot;}]"><img alt="" src="//gdp.alicdn.com/imgextra/i3/T1WbSOXg0lXXacqQ3p-45748670.jpg" data-attr-replace="[{&quot;type&quot;:&quot;src&quot;,&quot;desc&quot;:&quot;空間里的圖片地址尺寸750*361&quot;}]" /></a>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<br />
				<div style="height:485px;overflow:hidden;">
					<table border="0" cellspacing="0" cellpadding="0" width="750">
						<tbody>
							<tr>
								<td height="480" valign="top" background="//gdp.alicdn.com/imgextra/i4/T1ecSOXgxlXXcFpk3p-45748670.gif" width="750">
									<table border="0" cellspacing="0" cellpadding="0" width="100%">
										<tbody>
											<tr>
												<td height="13" width="42">
													&nbsp;
												</td>
												<td width="37">
													&nbsp;
												</td>
												<td width="19">
													&nbsp;
												</td>
												<td width="61">
													&nbsp;
												</td>
												<td width="73">
													&nbsp;
												</td>
												<td width="14">
													&nbsp;
												</td>
												<td width="108">
													&nbsp;
												</td>
												<td width="14">
													&nbsp;
												</td>
												<td width="54">
													&nbsp;
												</td>
												<td width="27">
													&nbsp;
												</td>
												<td width="63">
													&nbsp;
												</td>
												<td width="21">
													&nbsp;
												</td>
												<td width="18">
													&nbsp;
												</td>
												<td width="17">
													&nbsp;
												</td>
												<td width="58">
													&nbsp;
												</td>
												<td width="25">
													&nbsp;
												</td>
												<td width="90">
													&nbsp;
												</td>
												<td width="9">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="45">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle" rowspan="3">
													<div align="center">
														<font style="font-size:12px;" color="#000000">自由編輯<br />
														放心購買<br />
														全心全意<br />
														自由編輯</font>
													</div>
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle">
													<div align="center">
														<font style="font-size:12px;" color="#000000">可以自由編輯<br />
														因為顯示器等<br />
														原因會有色差</font>
													</div>
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle" colspan="4">
													<div align="center">
														<font style="font-size:12px;" color="#000000">可以自由編輯<br />
														默認圓通快遞<br />
														不到地區轉EMS</font>
													</div>
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="top" rowspan="4" colspan="3">
													<div align="center">
														<a href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i4/T2wU8fXmdMXXXXXXXX-45748670.gif" width="155" height="90" /></a>
													</div>
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="15">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="24">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="top" rowspan="2" colspan="8">
													<font style="font-size:12px;" color="#000000">售后服務:<a href="//design.taobao.com/common/?scene=taobao_shop#"><img border="0" alt="點擊這里給我發消息" src="//amos.alicdn.com/realonline.aw?v=2&amp;uid=haiyao007&amp;site=cntaobao&amp;s=1&amp;charset=utf-8" /></a>店主在線:<a href="//design.taobao.com/common/?scene=taobao_shop#"><img border="0" alt="點擊這里給我發消息" src="//amos.alicdn.com/realonline.aw?v=2&amp;uid=haiyao007&amp;site=cntaobao&amp;s=1&amp;charset=utf-8" /></a></font>
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="13">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="143">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="145">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="top" colspan="6">
													 <marquee style="width:136px;height:100px;" direction="up" height="100" width="136" scrollamount="1"><font style="font-size:12px;" color="#000000">雙擊后直接修改文字<br />
													..........................<br />
													歡迎光臨. 店名,分類名稱等需要修改請聯系掌柜,謝謝!<br />
													使用過程中如果遇到問題請聯系掌柜,謝謝!<br />
													如果有如何寶貴意見也請聯系掌柜,謝謝!<br />
													……<br />
													親愛的朋友,我們的收獲因為您的支持而精彩,謝謝你的光臨!<br />
													</font></marquee>
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="top" colspan="6">
													<div style="overflow-y:scroll;width:202px;scrollbar-base-color:#FFFFFF;word-wrap:break-word;height:136px;font-size:12px;overflow:hidden;word-break:normal;">
														<p align="left"><font color="#000000"><span style="font-size:12px;">〖滿就送哦〗:購物滿188元就送神秘小禮物!<br />
														<br />
														〖新品促銷〗:本店周五準時上新,新品8折并享受包郵!<br />
														<br />
														〖限時特價〗:每日一款特價品5折起售!</span></font></p>
													</div>
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="27">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="35">
													&nbsp;
												</td>
												<td valign="top" colspan="10">
													<table border="0" cellspacing="0" cellpadding="0" width="100%">
														<tbody>
															<tr>
																<td height="35" width="470">
																	<font style="font-size:12px;" color="#fcf8c7">店內廣播:新品上架9折并包郵;特價商品最低3折,5折封頂,數量有限!</font>
																</td>
															</tr>
														</tbody>
													</table>
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle" rowspan="2" colspan="3">
													<div align="center">
														<a href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i4/T2wU8fXmdMXXXXXXXX-45748670.gif" width="85" height="45" /></a>
													</div>
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle" rowspan="2">
													<div align="center">
														<a href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank"><img border="0" alt="" src="//gdp.alicdn.com/imgextra/i4/T2wU8fXmdMXXXXXXXX-45748670.gif" width="80" height="45" /></a>
													</div>
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="20">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
										</tbody>
									</table>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div style="height:490px;overflow:hidden;">
					<table border="0" cellspacing="0" cellpadding="0" width="750">
						<tbody>
							<tr>
								<td height="500" valign="top" background="//gdp.alicdn.com/imgextra/i4/T1sAK1XiXlXXacqQ3p-45748670.jpg" width="750">
									<table border="0" cellspacing="0" cellpadding="0" width="100%">
										<tbody>
											<tr>
												<td height="173" width="12">
													&nbsp;
												</td>
												<td valign="middle" colspan="2">
													<div align="center">
														<div class="sub007 img1">
															<img alt="" src="//gdp.alicdn.com/imgextra/i3/T1rISOXgXlXXacqQ3p-45748670.jpg" />
														</div>
													</div>
												</td>
												<td width="25">
													&nbsp;
												</td>
												<td valign="middle" colspan="2">
													<div align="center">
														<div class="sub007 img2">
															<img alt="" src="//gdp.alicdn.com/imgextra/i3/T1jcSOXgFlXXacqQ3p-45748670.jpg" />
														</div>
													</div>
												</td>
												<td width="21">
													&nbsp;
												</td>
												<td valign="middle" colspan="2">
													<div align="center">
														<div class="sub007 img3">
															<img alt="" src="//gdp.alicdn.com/imgextra/i2/T1msSOXgBlXXacqQ3p-45748670.jpg" />
														</div>
													</div>
												</td>
												<td width="25">
													&nbsp;
												</td>
												<td valign="middle" colspan="2">
													<div align="center">
														<div class="sub007 img4">
															<img alt="" src="//gdp.alicdn.com/imgextra/i2/T1NcOOXhdlXXacqQ3p-45748670.jpg" />
														</div>
													</div>
												</td>
												<td width="11">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="52">
													&nbsp;
												</td>
												<td valign="middle" width="115">
													<div align="center">
														<span><font style="font-size:12px;" color="#000000">您的商品標題等文字<br />
														優惠價:888元</font></span>
													</div>
												</td>
												<td valign="top" width="49">
													<a href="//design.taobao.com/common/?scene=taobao_shop#"><img border="0" src="//gdp.alicdn.com/imgextra/i2/T2_JGgXaNXXXXXXXXX-45748670.gif" width="49" height="48" /></a>
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle" width="115">
													<div align="center">
														<span><font style="font-size:12px;" color="#000000">您的商品標題等文字<br />
														優惠價:888元</font></span>
													</div>
												</td>
												<td valign="top" width="49">
													<a href="//design.taobao.com/common/?scene=taobao_shop#"><img border="0" src="//gdp.alicdn.com/imgextra/i2/T2_JGgXaNXXXXXXXXX-45748670.gif" width="49" height="48" /></a>
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle" width="116">
													<div align="center">
														<span><font style="font-size:12px;" color="#000000">您的商品標題等文字<br />
														優惠價:888元</font></span>
													</div>
												</td>
												<td valign="top" width="48">
													<a href="//design.taobao.com/common/?scene=taobao_shop#"><img border="0" src="//gdp.alicdn.com/imgextra/i2/T2_JGgXaNXXXXXXXXX-45748670.gif" width="45" height="48" /></a>
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle" width="116">
													<div align="center">
														<span><font style="font-size:12px;" color="#000000">您的商品標題等文字<br />
														優惠價:888元</font></span>
													</div>
												</td>
												<td valign="top" width="48">
													<a href="//design.taobao.com/common/?scene=taobao_shop#"><img border="0" src="//gdp.alicdn.com/imgextra/i2/T2_JGgXaNXXXXXXXXX-45748670.gif" width="45" height="48" /></a>
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="25">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="172">
													&nbsp;
												</td>
												<td valign="middle" colspan="2">
													<div align="center">
														<div class="sub007 img5">
															<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1BIOOXhplXXacqQ3p-45748670.jpg" />
														</div>
													</div>
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle" colspan="2">
													<div align="center">
														<div class="sub007 img6">
															<img alt="" src="//gdp.alicdn.com/imgextra/i3/T10IOOXgVlXXacqQ3p-45748670.jpg" />
														</div>
													</div>
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle" colspan="2">
													<div align="center">
														<div class="sub007 img7">
															<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1kcSOXgplXXacqQ3p-45748670.jpg" />
														</div>
													</div>
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle" colspan="2">
													<div align="center">
														<div class="sub007 img8">
															<img alt="" src="//gdp.alicdn.com/imgextra/i3/T1psSOXgXlXXacqQ3p-45748670.jpg" />
														</div>
													</div>
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="62">
													&nbsp;
												</td>
												<td valign="middle">
													<div align="center">
														<span><font style="font-size:12px;" color="#000000">您的商品標題等文字<br />
														優惠價:888元</font></span>
													</div>
												</td>
												<td valign="top">
													<a href="//design.taobao.com/common/?scene=taobao_shop#"><img border="0" src="//gdp.alicdn.com/imgextra/i2/T2_JGgXaNXXXXXXXXX-45748670.gif" width="49" height="48" /></a>
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle">
													<div align="center">
														<span><font style="font-size:12px;" color="#000000">您的商品標題等文字<br />
														優惠價:88元</font></span>
													</div>
												</td>
												<td valign="top">
													<a href="//design.taobao.com/common/?scene=taobao_shop#"><img border="0" src="//gdp.alicdn.com/imgextra/i2/T2_JGgXaNXXXXXXXXX-45748670.gif" width="49" height="48" /></a>
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle">
													<div align="center">
														<span><font style="font-size:12px;" color="#000000">您的商品標題等文字<br />
														優惠價:888元</font></span>
													</div>
												</td>
												<td valign="top">
													<a href="//design.taobao.com/common/?scene=taobao_shop#"><img border="0" src="//gdp.alicdn.com/imgextra/i2/T2_JGgXaNXXXXXXXXX-45748670.gif" width="45" height="48" /></a>
												</td>
												<td>
													&nbsp;
												</td>
												<td valign="middle">
													<div align="center">
														<span><font style="font-size:12px;" color="#000000">您的商品標題等文字<br />
														優惠價:888元</font></span>
													</div>
												</td>
												<td valign="top">
													<a href="//design.taobao.com/common/?scene=taobao_shop#"><img border="0" src="//gdp.alicdn.com/imgextra/i2/T2_JGgXaNXXXXXXXXX-45748670.gif" width="45" height="48" /></a>
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
										</tbody>
									</table>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ &quot;trigger&quot;:&quot;.img1&quot;, &quot;align&quot;:{ &quot;node&quot;:&quot;.img1&quot;, &quot;offset&quot;:[0,0], &quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;] } }" data-widget-type="Popup">
					<div class="daxgt">
						<img alt="" src="//gdp.alicdn.com/imgextra/i2/T17cOOXg4lXXacqQ3p-45748670.jpg" />
					</div>
				</div>
				<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ &quot;trigger&quot;:&quot;.img2&quot;, &quot;align&quot;:{ &quot;node&quot;:&quot;.img2&quot;, &quot;offset&quot;:[0,0], &quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;] } }" data-widget-type="Popup">
					<div class="daxgt">
						<img alt="" src="//gdp.alicdn.com/imgextra/i2/T1_IOOXgJlXXacqQ3p-45748670.jpg" />
					</div>
				</div>
				<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ &quot;trigger&quot;:&quot;.img3&quot;, &quot;align&quot;:{ &quot;node&quot;:&quot;.img3&quot;, &quot;offset&quot;:[0,0], &quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;] } }" data-widget-type="Popup">
					<div class="daxgt">
						<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1JsOOXhtlXXacqQ3p-45748670.jpg" />
					</div>
				</div>
				<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ &quot;trigger&quot;:&quot;.img4&quot;, &quot;align&quot;:{ &quot;node&quot;:&quot;.img4&quot;, &quot;offset&quot;:[0,0], &quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;] } }" data-widget-type="Popup">
					<div class="daxgt">
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T1lr9OXhNlXXacqQ3p-45748670.jpg" />
					</div>
				</div>
				<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ &quot;trigger&quot;:&quot;.img5&quot;, &quot;align&quot;:{ &quot;node&quot;:&quot;.img5&quot;, &quot;offset&quot;:[0,0], &quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;] } }" data-widget-type="Popup">
					<div class="daxgt">
						<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1xIOOXhNlXXacqQ3p-45748670.jpg" />
					</div>
				</div>
				<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ &quot;trigger&quot;:&quot;.img6&quot;, &quot;align&quot;:{ &quot;node&quot;:&quot;.img6&quot;, &quot;offset&quot;:[0,0], &quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;] } }" data-widget-type="Popup">
					<div class="daxgt">
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T17cGOXhRlXXacqQ3p-45748670.jpg" />
					</div>
				</div>
				<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ &quot;trigger&quot;:&quot;.img7&quot;, &quot;align&quot;:{ &quot;node&quot;:&quot;.img7&quot;, &quot;offset&quot;:[0,0], &quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;] } }" data-widget-type="Popup">
					<div class="daxgt">
						<img alt="" src="//gdp.alicdn.com/imgextra/i3/T18cOOXg0lXXacqQ3p-45748670.jpg" />
					</div>
				</div>
				<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ &quot;trigger&quot;:&quot;.img8&quot;, &quot;align&quot;:{ &quot;node&quot;:&quot;.img8&quot;, &quot;offset&quot;:[0,0], &quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;] } }" data-widget-type="Popup">
					<div class="daxgt">
						<img alt="" src="//gdp.alicdn.com/imgextra/i1/T1CsOOXhxlXXacqQ3p-45748670.jpg" />
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

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

<div class="box">
	<div class="shop-custom no-border">
		<div class="bd">
			<div class="custom-area">
				<div style="height:400px;overflow:hidden;">
					<table border="0" cellspacing="0" cellpadding="0" width="190">
						<tbody>
							<tr>
								<td height="400" valign="top" background="//gdp.alicdn.com/imgextra/i2/T1DkK1XhVlXXcFpk3p-45748670.gif" width="190">
									<table border="0" cellspacing="0" cellpadding="0" width="100%">
										<tbody>
											<tr>
												<td height="148" width="9">
													&nbsp;
												</td>
												<td valign="top" width="172">
													<table border="0" cellspacing="0" cellpadding="0" width="100%">
														<tbody>
															<tr>
																<td height="148" width="172">
																	<div align="center">
																		<a class="J_TokenSign" href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank"><img border="0" src="//gdp.alicdn.com/imgextra/i1/T2xphHXmpaXXXXXXXX-59989139.gif" width="160" height="130" /></a>
																	</div>
																</td>
															</tr>
														</tbody>
													</table>
												</td>
												<td width="9">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="15">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="189">
													&nbsp;
												</td>
												<td valign="top">
													<table border="0" cellspacing="0" cellpadding="0" width="100%">
														<tbody>
															<tr>
																<td height="189" width="172">
																	<div style="overflow-y:scroll;width:172px;scrollbar-base-color:#FFFFFF;word-wrap:break-word;height:189px;font-size:12px;overflow:hidden;word-break:normal;">
																		<p align="left"><font color="#000000"><span style="font-size:12px;">雙擊后直接修改文字<br />
																		..........................<br />
																		歡迎光臨. 感謝大家的支持!使用過程中如果遇到問題請聯系掌柜,謝謝!<br />
																		如果有如何寶貴意見也請聯系掌柜,謝謝!<br />
																		……<br />
																		親愛的朋友,我們的收獲因為您的支持而精彩,謝謝你的光臨!</span></font></p>
																	</div>
																</td>
															</tr>
														</tbody>
													</table>
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="48">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
										</tbody>
									</table>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<br />
				<div class="sfqbk">
					<div class="xp-i-accorid J_TWidget" data-widget-config="{ &quot;triggerType&quot;: &quot;mouse&quot;,&quot;triggerCls&quot;:&quot;sfqbt&quot;,&quot;panelCls&quot;:&quot;sfqmk&quot;,&quot;multiple&quot;:false,&quot;autoplay&quot;:true}" data-widget-type="Accordion">
						<div class="xiaosfq">
							<ul>
								<div class="sfqbt">
									NEW01:新淑女款百搭套裝
								</div>
								<div style="display:block;" class="sfqmk">
									<table border="0" cellspacing="0" cellpadding="0" width="188">
										<tbody>
											<tr>
												<td height="168">
													<div style="width:188px;float:left;height:168px;overflow:hidden;">
														<table border="0" cellspacing="0" cellpadding="0" width="188" height="168">
															<tbody>
																<tr>
																	<td height="168" width="14">
																		&nbsp;
																	</td>
																	<td height="168" width="162">
																		<div class="juhuasuan" align="center">
																			<a href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank"><img alt="" src="//gdp.alicdn.com/imgextra/i4/T1uISOXgplXXacqQ3p-45748670.jpg" /></a>
																		</div>
																	</td>
																	<td width="14">
																		&nbsp;
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</td>
											</tr>
											<tr>
												<td style="line-height:10px;font-size:1px;" height="10">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td>
													<div style="width:188px;float:left;height:62px;overflow:hidden;">
														<table border="0" cellspacing="0" cellpadding="0" width="188" height="62">
															<tbody>
																<tr>
																	<td height="62" width="14">
																		&nbsp;
																	</td>
																	<td style="line-height:16px;color:#000000;font-size:12px;" height="62" width="162">
																		<div align="center">
																			自由編輯文字請控制在2行內<br />
																			<img style="width:56px;height:18px;" alt="" src="//gdp.alicdn.com/imgextra/i1/T1OCePXgFdXXacqQ3p-45748670.jpg" />888元
																		</div>
																	</td>
																	<td width="14">
																		&nbsp;
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</ul>
							<ul>
								<div class="sfqbt">
									NEW02:職業女裝新連衣裙
								</div>
								<div class="sfqmk">
									<table border="0" cellspacing="0" cellpadding="0" width="188">
										<tbody>
											<tr>
												<td height="168">
													<div style="width:188px;float:left;height:168px;overflow:hidden;">
														<table border="0" cellspacing="0" cellpadding="0" width="188" height="168">
															<tbody>
																<tr>
																	<td height="168" width="14">
																		&nbsp;
																	</td>
																	<td height="168" width="162">
																		<div class="juhuasuan" align="center">
																			<a href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank"><img alt="" src="//gdp.alicdn.com/imgextra/i2/T2JaB0XcXXXXXXXXXX-45748670.jpg" /></a>
																		</div>
																	</td>
																	<td width="14">
																		&nbsp;
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</td>
											</tr>
											<tr>
												<td style="line-height:10px;font-size:1px;" height="10">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td>
													<div style="width:188px;float:left;height:62px;overflow:hidden;">
														<table border="0" cellspacing="0" cellpadding="0" width="188" height="62">
															<tbody>
																<tr>
																	<td height="62" width="14">
																		&nbsp;
																	</td>
																	<td style="line-height:16px;color:#000000;font-size:12px;" height="62" width="162">
																		<div align="center">
																			自由編輯文字請控制在2行內<br />
																			<img style="width:56px;height:18px;" alt="" src="//gdp.alicdn.com/imgextra/i1/T1OCePXgFdXXacqQ3p-45748670.jpg" />888元
																		</div>
																	</td>
																	<td width="14">
																		&nbsp;
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</ul>
							<ul>
								<div class="sfqbt">
									NEW03:新淑女款百搭套裝
								</div>
								<div class="sfqmk">
									<table border="0" cellspacing="0" cellpadding="0" width="188">
										<tbody>
											<tr>
												<td height="168">
													<div style="width:188px;float:left;height:168px;overflow:hidden;">
														<table border="0" cellspacing="0" cellpadding="0" width="188" height="168">
															<tbody>
																<tr>
																	<td height="168" width="14">
																		&nbsp;
																	</td>
																	<td height="168" width="162">
																		<div class="juhuasuan" align="center">
																			<a href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank"><img alt="" src="//gdp.alicdn.com/imgextra/i4/T2xWB0XcFXXXXXXXXX-45748670.jpg" /></a>
																		</div>
																	</td>
																	<td width="14">
																		&nbsp;
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</td>
											</tr>
											<tr>
												<td style="line-height:10px;font-size:1px;" height="10">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td>
													<div style="width:188px;float:left;height:62px;overflow:hidden;">
														<table border="0" cellspacing="0" cellpadding="0" width="188" height="62">
															<tbody>
																<tr>
																	<td height="62" width="14">
																		&nbsp;
																	</td>
																	<td style="line-height:16px;color:#000000;font-size:12px;" height="62" width="162">
																		<div align="center">
																			自由編輯文字請控制在2行內<br />
																			<img style="width:56px;height:18px;" alt="" src="//gdp.alicdn.com/imgextra/i1/T1OCePXgFdXXacqQ3p-45748670.jpg" />888元
																		</div>
																	</td>
																	<td width="14">
																		&nbsp;
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</ul>
							<ul>
								<div class="sfqbt">
									NEW04:職業女裝新連衣裙
								</div>
								<div class="sfqmk">
									<table border="0" cellspacing="0" cellpadding="0" width="186">
										<tbody>
											<tr>
												<td height="168">
													<div style="width:188px;float:left;height:168px;overflow:hidden;">
														<table border="0" cellspacing="0" cellpadding="0" width="188" height="168">
															<tbody>
																<tr>
																	<td height="168" width="12">
																		&nbsp;
																	</td>
																	<td height="168" width="162">
																		<div class="juhuasuan" align="center">
																			<a href="//design.taobao.com/common/?scene=taobao_shop#" target="_blank"><img alt="" src="//gdp.alicdn.com/imgextra/i1/T1msOOXhVlXXacqQ3p-45748670.jpg" /></a>
																		</div>
																	</td>
																	<td width="12">
																		&nbsp;
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</td>
											</tr>
											<tr>
												<td style="line-height:10px;font-size:1px;" height="10">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td>
													<div style="width:188px;float:left;height:62px;overflow:hidden;">
														<table border="0" cellspacing="0" cellpadding="0" width="188" height="62">
															<tbody>
																<tr>
																	<td height="62" width="12">
																		&nbsp;
																	</td>
																	<td style="line-height:16px;color:#000000;font-size:12px;" height="62" width="162">
																		<div align="center">
																			自由編輯文字請控制在2行內<br />
																			<img style="width:56px;height:18px;" alt="" src="//gdp.alicdn.com/imgextra/i1/T1OCePXgFdXXacqQ3p-45748670.jpg" />888元
																		</div>
																	</td>
																	<td height="61" width="14">
																		&nbsp;
																	</td>
																</tr>
															</tbody>
														</table>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</ul>
						</div>
					</div>
				</div>
				<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ &quot;trigger&quot;:&quot;.img9&quot;, &quot;align&quot;:{ &quot;node&quot;:&quot;.img9&quot;, &quot;offset&quot;:[0,0], &quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;] } }" data-widget-type="Popup">
					<div class="daxgt">
						&nbsp;
					</div>
				</div>
				<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ &quot;trigger&quot;:&quot;.img10&quot;, &quot;align&quot;:{ &quot;node&quot;:&quot;.img10&quot;, &quot;offset&quot;:[0,0], &quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;] } }" data-widget-type="Popup">
					&nbsp;
				</div>
				<img alt="" src="//gdp.alicdn.com/imgextra/i1/T1KcOOXhxlXXacqQ3p-45748670.jpg" />
				<div style="height:490px;overflow:hidden;">
					<table border="0" cellspacing="0" cellpadding="0" width="190">
						<tbody>
							<tr>
								<td height="500" valign="top" background="//gdp.alicdn.com/imgextra/i2/T1BkK1Xh0lXXacqQ3p-45748670.jpg" width="190">
									<table border="0" cellspacing="0" cellpadding="0" width="100%">
										<tbody>
											<tr>
												<td height="173" width="12">
													&nbsp;
												</td>
												<td valign="middle" colspan="2">
													<div align="center">
														<div class="sub007 img9">
															<img alt="" src="//gdp.alicdn.com/imgextra/i1/T1ysOOXhFlXXacqQ3p-45748670.jpg" />
														</div>
													</div>
												</td>
												<td width="12">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="52">
													&nbsp;
												</td>
												<td valign="middle" width="117">
													<div align="center">
														<span><font style="font-size:12px;" color="#000000">您的商品標題等文字<br />
														優惠價:888元</font></span>
													</div>
												</td>
												<td valign="top" width="49">
													<a href="//design.taobao.com/common/?scene=taobao_shop#"><img border="0" src="//gdp.alicdn.com/imgextra/i3/T2.tGgXaJXXXXXXXXX-45748670.gif" width="45" height="48" /></a>
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="25">
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="172">
													&nbsp;
												</td>
												<td valign="middle" colspan="2">
													<div align="center">
														<div class="sub007 img10">
															<img alt="" src="//gdp.alicdn.com/imgextra/i4/T1sZOOXhtlXXacqQ3p-45748670.jpg" />
														</div>
													</div>
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
											<tr>
												<td height="62">
													&nbsp;
												</td>
												<td valign="middle">
													<div align="center">
														<span><font style="font-size:12px;" color="#000000">您的商品標題等文字<br />
														優惠價:888元</font></span>
													</div>
												</td>
												<td valign="top">
													<a href="//design.taobao.com/common/?scene=taobao_shop#"><img border="0" src="//gdp.alicdn.com/imgextra/i3/T2.tGgXaJXXXXXXXXX-45748670.gif" width="45" height="48" /></a>
												</td>
												<td>
													&nbsp;
												</td>
											</tr>
										</tbody>
									</table>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ &quot;trigger&quot;:&quot;.img9&quot;, &quot;align&quot;:{ &quot;node&quot;:&quot;.img9&quot;, &quot;offset&quot;:[0,0], &quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;] } }" data-widget-type="Popup">
					<div class="daxgt">
						<img alt="" src="//gdp.alicdn.com/imgextra/i1/T1FZOOXhhlXXacqQ3p-45748670.jpg" />
					</div>
				</div>
				<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ &quot;trigger&quot;:&quot;.img10&quot;, &quot;align&quot;:{ &quot;node&quot;:&quot;.img10&quot;, &quot;offset&quot;:[0,0], &quot;points&quot;:[&quot;cc&quot;,&quot;cc&quot;] } }" data-widget-type="Popup">
					<div class="daxgt">
						<img alt="" src="//gdp.alicdn.com/imgextra/i1/T12cOOXg0lXXacqQ3p-45748670.jpg" />
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


飛螞蟻模板網版權7