站長推薦:淘寶一鍵安裝模板,永久使用,20分鐘搞定裝修 點擊查看
模板介紹:大氣粉紅色淘寶女裝基礎版店鋪裝修免費模板自帶輪播圖代碼模板
模板風格:粉紅色
適用行業:女裝類目!
適合旺鋪:淘寶旺鋪基礎版
基礎版旺鋪具體設置方法請看:基礎背景圖設置教程
專業版旺鋪具體設置方法請看:專業版背景圖設置教程
模板首頁效果圖:

以下是代碼部分:PS:代碼分4部分,一個是店招(圖片直接插入就好了),還有導航條代碼 另外是右邊代碼 和左邊代碼,直接復制然后在代碼模式下操作,就可以了。
非常簡單的,不懂的可以進群交流,網頁下方有進群方式,謝謝合作!
店招圖片:先點圖片右鍵保存在本地,然后在上傳到圖片空間,最后插入店招里就好

導航條粉紅色代碼:把以下代碼放進導航顯示里面就好了
.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;}| 木木屋冬款棉鞋運動鞋男女童中大童鞋子2017秋冬加絨保暖運動童鞋 | |
|---|---|
![]() | |
¥ 69.90 6874 人喜歡 | |
右邊代碼:先自定義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="{"activeTriggerCls":"current","effect":"scrolly","navCls":"lst-trigger","contentCls":"lst-main"}" 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="[{"type":"href","desc":"點擊圖片后進入的連接地址"}]"><img alt="" src="//gdp.alicdn.com/imgextra/i3/T1WbSOXg0lXXacqQ3p-45748670.jpg" data-attr-replace="[{"type":"src","desc":"空間里的圖片地址尺寸750*361"}]" /></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="[{"type":"href","desc":"點擊圖片后進入的連接地址"}]"><img alt="" src="//gdp.alicdn.com/imgextra/i3/T1WbSOXg0lXXacqQ3p-45748670.jpg" data-attr-replace="[{"type":"src","desc":"空間里的圖片地址尺寸750*361"}]" /></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="[{"type":"href","desc":"點擊圖片后進入的連接地址"}]"><img alt="" src="//gdp.alicdn.com/imgextra/i3/T1WbSOXg0lXXacqQ3p-45748670.jpg" data-attr-replace="[{"type":"src","desc":"空間里的圖片地址尺寸750*361"}]" /></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="[{"type":"href","desc":"點擊圖片后進入的連接地址"}]"><img alt="" src="//gdp.alicdn.com/imgextra/i3/T1WbSOXg0lXXacqQ3p-45748670.jpg" data-attr-replace="[{"type":"src","desc":"空間里的圖片地址尺寸750*361"}]" /></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">
</td>
<td width="37">
</td>
<td width="19">
</td>
<td width="61">
</td>
<td width="73">
</td>
<td width="14">
</td>
<td width="108">
</td>
<td width="14">
</td>
<td width="54">
</td>
<td width="27">
</td>
<td width="63">
</td>
<td width="21">
</td>
<td width="18">
</td>
<td width="17">
</td>
<td width="58">
</td>
<td width="25">
</td>
<td width="90">
</td>
<td width="9">
</td>
</tr>
<tr>
<td height="45">
</td>
<td>
</td>
<td>
</td>
<td valign="middle" rowspan="3">
<div align="center">
<font style="font-size:12px;" color="#000000">自由編輯<br />
放心購買<br />
全心全意<br />
自由編輯</font>
</div>
</td>
<td>
</td>
<td>
</td>
<td valign="middle">
<div align="center">
<font style="font-size:12px;" color="#000000">可以自由編輯<br />
因為顯示器等<br />
原因會有色差</font>
</div>
</td>
<td>
</td>
<td>
</td>
<td valign="middle" colspan="4">
<div align="center">
<font style="font-size:12px;" color="#000000">可以自由編輯<br />
默認圓通快遞<br />
不到地區轉EMS</font>
</div>
</td>
<td>
</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>
</td>
</tr>
<tr>
<td height="15">
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td height="24">
</td>
<td>
</td>
<td>
</td>
<td>
</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&uid=haiyao007&site=cntaobao&s=1&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&uid=haiyao007&site=cntaobao&s=1&charset=utf-8" /></a></font>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td height="13">
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td height="143">
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td height="145">
</td>
<td>
</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>
</td>
<td>
</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>
</td>
<td>
</td>
</tr>
<tr>
<td height="27">
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td height="35">
</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>
</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>
</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>
</td>
</tr>
<tr>
<td height="20">
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</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">
</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">
</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">
</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">
</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">
</td>
</tr>
<tr>
<td height="52">
</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>
</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>
</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>
</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>
</td>
</tr>
<tr>
<td height="25">
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td height="172">
</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>
</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>
</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>
</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>
</td>
</tr>
<tr>
<td height="62">
</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>
</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>
</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>
</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>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ "trigger":".img1", "align":{ "node":".img1", "offset":[0,0], "points":["cc","cc"] } }" 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="{ "trigger":".img2", "align":{ "node":".img2", "offset":[0,0], "points":["cc","cc"] } }" 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="{ "trigger":".img3", "align":{ "node":".img3", "offset":[0,0], "points":["cc","cc"] } }" 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="{ "trigger":".img4", "align":{ "node":".img4", "offset":[0,0], "points":["cc","cc"] } }" 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="{ "trigger":".img5", "align":{ "node":".img5", "offset":[0,0], "points":["cc","cc"] } }" 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="{ "trigger":".img6", "align":{ "node":".img6", "offset":[0,0], "points":["cc","cc"] } }" 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="{ "trigger":".img7", "align":{ "node":".img7", "offset":[0,0], "points":["cc","cc"] } }" 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="{ "trigger":".img8", "align":{ "node":".img8", "offset":[0,0], "points":["cc","cc"] } }" data-widget-type="Popup">
<div class="daxgt">
<img alt="" src="//gdp.alicdn.com/imgextra/i1/T1CsOOXhxlXXacqQ3p-45748670.jpg" />
</div>
</div>
</div>
</div>
</div>
</div>| 雪花片積木大號塑料1000拼插裝男女孩寶1-2兒童3-6-7周歲玩具批發 | |
|---|---|
![]() | |
¥ 9.80 5745 人喜歡 | |
左邊代碼:先自定義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">
</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">
</td>
</tr>
<tr>
<td height="15">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td height="189">
</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>
</td>
</tr>
<tr>
<td height="48">
</td>
<td>
</td>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<br />
<div class="sfqbk">
<div class="xp-i-accorid J_TWidget" data-widget-config="{ "triggerType": "mouse","triggerCls":"sfqbt","panelCls":"sfqmk","multiple":false,"autoplay":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">
</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">
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td style="line-height:10px;font-size:1px;" height="10">
</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">
</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">
</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">
</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">
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td style="line-height:10px;font-size:1px;" height="10">
</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">
</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">
</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">
</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">
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td style="line-height:10px;font-size:1px;" height="10">
</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">
</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">
</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">
</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">
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td style="line-height:10px;font-size:1px;" height="10">
</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">
</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">
</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="{ "trigger":".img9", "align":{ "node":".img9", "offset":[0,0], "points":["cc","cc"] } }" data-widget-type="Popup">
<div class="daxgt">
</div>
</div>
<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ "trigger":".img10", "align":{ "node":".img10", "offset":[0,0], "points":["cc","cc"] } }" data-widget-type="Popup">
</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">
</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">
</td>
</tr>
<tr>
<td height="52">
</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>
</td>
</tr>
<tr>
<td height="25">
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td height="172">
</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>
</td>
</tr>
<tr>
<td height="62">
</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>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div style="visibility:hidden;" class="J_TWidget hidden" data-widget-config="{ "trigger":".img9", "align":{ "node":".img9", "offset":[0,0], "points":["cc","cc"] } }" 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="{ "trigger":".img10", "align":{ "node":".img10", "offset":[0,0], "points":["cc","cc"] } }" data-widget-type="Popup">
<div class="daxgt">
<img alt="" src="//gdp.alicdn.com/imgextra/i1/T12cOOXg0lXXacqQ3p-45748670.jpg" />
</div>
</div>
</div>
</div>
</div>
</div>| 青蛙王子嬰兒濕巾批發帶蓋80抽100新生兒手口專用屁屁寶寶濕紙巾 | |
|---|---|
![]() | |
¥ 23.90 7845 人喜歡 | |




