天青色等煙雨，而我在等你。時下最流行的中國風元素被唱進了歌里，當然也不能在店鋪裝修里被遺忘咯。甩手為您精心準備了最時興的中國風系列店促裝修代碼，但要提醒大家每個模塊最多只能裝3個寶貝，使用的時候在以上代碼的最后一個“</ul>”標簽之前復制粘貼<li> ……</li>內容2次即可。
<div class="sg-hd" style=" color:#fff; overflow:hidden;text-align:center;padding:0;zoom:1;background:url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB2a5B_bFXXXXcbXXXXXXXXXXXX-770458061.png) center 10px no-repeat;height:178px;padding:10px 0;">
<div style="overflow:hidden;padding-bottom:5px;">
<h3 style="width:170px;margin:0 auto;overflow:hidden;font-family:隸書;display:block; font-size:32px;height:50px; padding-bottom:5px;color:#e5cf6f;padding-top:102px">系列產品</h3>
</div>
</div> <div style="overflow:hidden;wdith:936px;padding:0 7px;font-family:微軟雅黑;font-size:14px;"><div class="J_TWidget" data-widget-config="{navCls:hidden-nav,effect:scrollx,contentCls:sg-content,circular:true,easing:easeOutStrong,duration:1.0,interval:4,autoplay:false}" data-widget-type="Carousel" style="float:left;width:465px;margin:0px 6px 0 0;display:inline;font-size:14px;"> <div style="width:100px;float:left;;">
<h3 style="text-align:center;font-size:24px;color:#e5cf6f;line-height:46px;float:left;margin-bottom:4px;width:100px;height:46px;background:url( http://img04.taobaocdn.com/imgextra/i4/770458061/TB2hRV_bFXXXXbGXXXXXXXXXXXX-770458061.png ) center no-repeat;"> <span style="display:block;width:84px;height:46px;overflow:hidden;margin:0 auto;"> 糖果區 </span> </h3> <ul style="width:100px;overflow:hidden;float:left" class="hidden-nav">
<li style="width:350px;height:350px;border:5px solid #fff;background:url( http://img01.taobaocdn.com/bao/uploaded/i1/T1d1yDFDRbXXXXXXXX_!!0-item_pic.jpg_360360.jpg ) center no-repeat;" class="list_uqljo3"> <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{ trigger:.list_uqljo3, align:{ node:.list_uqljo3, offset:[0,0], points:[bc,bc] } }" > <a href="糖果區寶貝鏈接" target="_blank" style="border:5px solid #ff0000;border-bottom:none;display:block;width:350px;height:260px;"></a> <div style="border:5px solid #ff0000;border-top:none;" class="list_uqljo3"> <div style="width:310px;height:90px;padding:0 20px;background-color:#a80102;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity:0.7;"> <p style="color:#fff;line-height:20px;padding:5px 0;"> 糖果區寶貝題目</p> <div style="color:#eafa37;overflow:hidden;"> <div style="float:left;"> <span style="color:#fff;float:left;padding:13px 3px 0 0;">新春價:</span> <span style="font-size:30px;font-family:arial;float:left;">30.00</span><span style="float:left;padding-top:13px;">元</span> </div> <div style="width:72px;float:right;"> <a href="http://favorite.taobao.com/popup/add_collection.htm?id=39516591051&itemtype=1" target="_blank" style="width:27px;height:28px;border-radius:50%;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2WWKabFXXXXbkXXXXXXXXXXXX-770458061.png) center no-repeat;float:right;margin-right:9px;"></a> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width:27px;height:28px;border-radius:50%;background:url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB2rOh3bFXXXXbTXpXXXXXXXXXX-770458061.png) 0 0 no-repeat;" data-sharebtn="{"client_id":"68","skinType":"3","comment":"糖果區寶貝題目","isShowFriend":false,"type":"item","key":"39516591051"}"></div> </div> </div> </div> </div> </div> </li></ul></div> </div>
<div class="J_TWidget" data-widget-config="{navCls:hidden-nav,effect:scrollx,contentCls:sg-content,circular:true,easing:easeOutStrong,duration:1.0,interval:4,autoplay:false}" data-widget-type="Carousel" style="float:left;width:465px;margin:0px 0 0 0;display:inline;font-size:14px;"> <div style="width:100px;float:right;;"> <h3 style="text-align:center;font-size:24px;color:#e5cf6f;line-height:46px;float:left;margin-bottom:4px;width:100px;height:46px;background:url( http://img04.taobaocdn.com/imgextra/i4/770458061/TB2hRV_bFXXXXbGXXXXXXXXXXXX-770458061.png ) center no-repeat;"> <span style="display:block;width:84px;height:46px;overflow:hidden;margin:0 auto;"> 干貨區 </span> </h3> <ul style="width:100px;overflow:hidden;float:left" class="hidden-nav"> <li style="float:left;margin:0px 0 4px 0" class="list_GZiYm1"> <a href="干貨區寶貝鏈接" target="_blank" style="display:block;width:90px;height:90px;;border:5px solid #fff;background:url( http://img04.taobaocdn.com/bao/uploaded/i4/T1g_SGFoXcXXXXXXXX_!!0-item_pic.jpg_100100.jpg ) center no-repeat;"></a> </li> <li style="float:left;margin:0px 0 4px 0" class="list_WMsVF2"> <a href="干貨區寶貝鏈接" target="_blank" style="display:block;width:90px;height:90px;;border:5px solid #fff;background:url( http://img03.taobaocdn.com/bao/uploaded/i3/T1GyUwFt8XXXXXXXXX_!!0-item_pic.jpg_100100.jpg ) center no-repeat;"></a> </li> <li style="float:left;margin:0px 0 0 0" class="list_Tx4Py3"> <a href="干貨區寶貝鏈接" target="_blank" style="display:block;width:90px;height:90px;;border:5px solid #fff;background:url( http://img04.taobaocdn.com/bao/uploaded/i4/T1l0KHFe4cXXXXXXXX_!!0-item_pic.jpg_100100.jpg ) center no-repeat;"></a> </li> </ul> </div>
<div style="float:right;;width:360px;height:360px;overflow:hidden;margin-right:5px;display:inline;"> <ul class="sg-content"> <li style="width:350px;height:350px;border:5px solid #fff;background:url( http://img04.taobaocdn.com/bao/uploaded/i4/T1g_SGFoXcXXXXXXXX_!!0-item_pic.jpg_360360.jpg ) center no-repeat;" class="list_TfoMb1"> <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{ trigger:.list_TfoMb1, align:{ node:.list_TfoMb1, offset:[0,0], points:[bc,bc] } }" > <a href="干貨區寶貝鏈接" target="_blank" style="border:5px solid #ff0000;border-bottom:none;display:block;width:350px;height:260px;"></a> <div style="border:5px solid #ff0000;border-top:none;" class="list_TfoMb1"> <div style="width:310px;height:90px;padding:0 20px;background-color:#a80102;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity:0.7;"> <p style="color:#fff;line-height:20px;padding:5px 0;"> 干貨區寶貝題目</p> <div style="color:#eafa37;overflow:hidden;"> <div style="float:left;"> <span style="color:#fff;float:left;padding:13px 3px 0 0;">新春價:</span> <span style="font-size:30px;font-family:arial;float:left;">30.00</span><span style="float:left;padding-top:13px;">元</span> </div> <div style="width:72px;float:right;"> <a href="http://favorite.taobao.com/popup/add_collection.htm?id=39545461479&itemtype=1" target="_blank" style="width:27px;height:28px;border-radius:50%;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2WWKabFXXXXbkXXXXXXXXXXXX-770458061.png) center no-repeat;float:right;margin-right:9px;"></a> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width:27px;height:28px;border-radius:50%;background:url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB2rOh3bFXXXXbTXpXXXXXXXXXX-770458061.png) 0 0 no-repeat;" data-sharebtn="{"client_id":"68","skinType":"3","comment":" 干貨區寶貝題目","isShowFriend":false,"type":"item","key":"39545461479"}"></div></div> </div> </div> </div> </div> </li></ul></div> </div>
<div class="J_TWidget" data-widget-config="{navCls:hidden-nav,effect:scrollx,contentCls:sg-content,circular:true,easing:easeOutStrong,duration:1.0,interval:4,autoplay:false}" data-widget-type="Carousel" style="float:left;width:465px;margin:6px 6px 0 0;display:inline;font-size:14px;"> <div style="width:100px;float:left;;"> <h3 style="text-align:center;font-size:24px;color:#e5cf6f;line-height:46px;float:left;margin-bottom:4px;width:100px;height:46px;background:url( http://img04.taobaocdn.com/imgextra/i4/770458061/TB2hRV_bFXXXXbGXXXXXXXXXXXX-770458061.png ) center no-repeat;"> <span style="display:block;width:84px;height:46px;overflow:hidden;margin:0 auto;"> 飲料區 </span> </h3> <ul style="width:100px;overflow:hidden;float:left" class="hidden-nav"> <li style="float:left;margin:0px 0 4px 0" class="list_Aw0bn1"> <a href="飲料區寶貝鏈接" target="_blank" style="display:block;width:90px;height:90px;;border:5px solid #fff;background:url( http://img03.taobaocdn.com/bao/uploaded/i3/T1abJnFttkXXXXXXXX_!!0-item_pic.jpg_100100.jpg ) center no-repeat;"></a> </li> <li style="float:left;margin:0px 0 4px 0" class="list_qiLIE2"> <a href="飲料區寶貝鏈接" target="_blank" style="display:block;width:90px;height:90px;;border:5px solid #fff;background:url( http://img04.taobaocdn.com/bao/uploaded/i4/T1OuCJFjhXXXXXXXXX_!!0-item_pic.jpg_100100.jpg ) center no-repeat;"></a> </li> <li style="float:left;margin:0px 0 0 0" class="list_0LViW3"> <a href="飲料區寶貝鏈接" target="_blank" style="display:block;width:90px;height:90px;;border:5px solid #fff;background:url( http://img02.taobaocdn.com/bao/uploaded/i2/T1tMCSFfdXXXXXXXXX_!!0-item_pic.jpg_100100.jpg ) center no-repeat;"></a> </li> </ul> </div> <div style="float:left;;width:360px;height:360px;overflow:hidden;margin-left:5px;display:inline;"> <ul class="sg-content"> <li style="width:350px;height:350px;border:5px solid #fff;background:url( http://img03.taobaocdn.com/bao/uploaded/i3/T1abJnFttkXXXXXXXX_!!0-item_pic.jpg_360360.jpg ) center no-repeat;" class="list_DnjUt1"> <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{ trigger:.list_DnjUt1, align:{ node:.list_DnjUt1, offset:[0,0], points:[bc,bc] } }" > <a href="飲料區寶貝鏈接" target="_blank" style="border:5px solid #ff0000;border-bottom:none;display:block;width:350px;height:260px;"></a> <div style="border:5px solid #ff0000;border-top:none;" class="list_DnjUt1"> <div style="width:310px;height:90px;padding:0 20px;background-color:#a80102;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity:0.7;"> <p style="color:#fff;line-height:20px;padding:5px 0;"> 飲料區寶貝題目</p> <div style="color:#eafa37;overflow:hidden;"> <div style="float:left;"> <span style="color:#fff;float:left;padding:13px 3px 0 0;">新春價:</span> <span style="font-size:30px;font-family:arial;float:left;">30.00</span><span style="float:left;padding-top:13px;">元</span> </div> <div style="width:72px;float:right;"> <a href="http://favorite.taobao.com/popup/add_collection.htm?id=39555848022&itemtype=1" target="_blank" style="width:27px;height:28px;border-radius:50%;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2WWKabFXXXXbkXXXXXXXXXXXX-770458061.png) center no-repeat;float:right;margin-right:9px;"></a> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width:27px;height:28px;border-radius:50%;background:url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB2rOh3bFXXXXbTXpXXXXXXXXXX-770458061.png) 0 0 no-repeat;" data-sharebtn="{"client_id":"68","skinType":"3","comment":" 飲料區寶貝題目","isShowFriend":false,"type":"item","key":"39555848022"}"></div> </div> </div> </div> </div> </div> </li> </ul> </div> </div>
<div class="J_TWidget" data-widget-config="{navCls:hidden-nav,effect:scrollx,contentCls:sg-content,circular:true,easing:easeOutStrong,duration:1.0,interval:4,autoplay:false}" data-widget-type="Carousel" style="float:left;width:465px;margin:6px 0 0 0;display:inline;font-size:14px;"> <div style="width:100px;float:right;;"> <h3 style="text-align:center;font-size:24px;color:#e5cf6f;line-height:46px;float:left;margin-bottom:4px;width:100px;height:46px;background:url( http://img04.taobaocdn.com/imgextra/i4/770458061/TB2hRV_bFXXXXbGXXXXXXXXXXXX-770458061.png ) center no-repeat;"> <span style="display:block;width:84px;height:46px;overflow:hidden;margin:0 auto;"> 糕點區 </span> </h3> <ul style="width:100px;overflow:hidden;float:left" class="hidden-nav"> <li style="float:left;margin:0px 0 4px 0" class="list_MOf0C1"> <a href="糕點區寶貝鏈接" target="_blank" style="display:block;width:90px;height:90px;;border:5px solid #fff;background:url( http://img03.taobaocdn.com/bao/uploaded/i3/T1abJnFttkXXXXXXXX_!!0-item_pic.jpg_100100.jpg ) center no-repeat;"></a> </li>
<li style="width:350px;height:350px;border:5px solid #fff;background:url( http://img02.taobaocdn.com/bao/uploaded/i2/T1tMCSFfdXXXXXXXXX_!!0-item_pic.jpg_360360.jpg ) center no-repeat;" class="list_BnZxU3"> <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{ trigger:.list_BnZxU3, align:{ node:.list_BnZxU3, offset:[0,0], points:[bc,bc] } }" > <a href="糕點區寶貝鏈接" target="_blank" style="border:5px solid #ff0000;border-bottom:none;display:block;width:350px;height:260px;"></a> <div style="border:5px solid #ff0000;border-top:none;" class="list_BnZxU3"> <div style="width:310px;height:90px;padding:0 20px;background-color:#a80102;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);opacity:0.7;"> <p style="color:#fff;line-height:20px;padding:5px 0;"> 糕點區寶貝題目</p> <div style="color:#eafa37;overflow:hidden;"> <div style="float:left;"> <span style="color:#fff;float:left;padding:13px 3px 0 0;">新春價:</span> <span style="font-size:30px;font-family:arial;float:left;">30.00</span><span style="float:left;padding-top:13px;">元</span> </div> <div style="width:72px;float:right;"> <a href="http://favorite.taobao.com/popup/add_collection.htm?id=39555800134&itemtype=1" target="_blank" style="width:27px;height:28px;border-radius:50%;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2WWKabFXXXXbkXXXXXXXXXXXX-770458061.png) center no-repeat;float:right;margin-right:9px;"></a> <div class="sns-widget" title="分享" style="cursor:pointer;display:inline-block;*zoom:1;*display:inline;width:27px;height:28px;border-radius:50%;background:url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB2rOh3bFXXXXbTXpXXXXXXXXXX-770458061.png) 0 0 no-repeat;" data-sharebtn="{"client_id":"68","skinType":"3","comment":" 糕點區寶貝題目","isShowFriend":false,"type":"item","key":"39555800134"}"></div> </div> </div> </div> </div> </div> </li></ul> </div> </div></div><a name="sgmb"></a>
快消品貨源網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源： 中國風系列店促裝修代碼分享
