天青色等烟雨,而我在等你。时下最流行的中国风元素被唱进了歌里,当然也不能在店铺装修里被遗忘咯。甩手为您精心准备了最时兴的中国风系列店促装修代码,但要提醒大家每个模块最多只能装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_360x360.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_100x100.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_100x100.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_100x100.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_360x360.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_100x100.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_100x100.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_100x100.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_360x360.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_100x100.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_360x360.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>