公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

龙腾系列淘宝店铺促销装修代码模板(四)

2015-04-07 04:48:02

       终于轮到最后一个“糕点区”的代码装修了!为保整个龙腾系列淘宝店铺促销装修代码模板的稳定和美观,“糕点区”的展示宝贝数量也是3个。所以在选择淘宝店铺装修素材时要注意挑选爆款或者热销款;否则再有创意、表现力再强的宝贝促销模板也无法赢得客户的青睐。



<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="{&quot;client_id&quot;:&quot;68&quot;,&quot;skinType&quot;:&quot;3&quot;,&quot;comment&quot;:&quot; 糕点区宝贝题目&quot;,&quot;isShowFriend&quot;:false,&quot;type&quot;:&quot;item&quot;,&quot;key&quot;:&quot;39555800134&quot;}"></div> </div> </div> </div> </div> </div> </li></ul> </div> </div></div><a name="sgmb"></a>


       跟之前的区域代码一样,<li> ……</li>之间的内容是一个宝贝的完整展示代码。在以上代码中的最后一个“</ul>”前复制粘贴2次即可。至此,整个龙腾系列淘宝店铺促销装修代码模板已经制作完毕。只要你会复制粘贴,只要你知道要把代码复制粘贴到哪个编辑区就万事大吉。这种类型的模板代码对于兼职淘宝店铺的卖家们来说,简直就是上帝给的礼物。虽然代码比较长,但相比之下, 能够为各大卖家节省掉不少的制作、设计时间和成本。


      本文出自唯艺网店装修平台(www.weiyi5.cc,转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 潮流复古  极致简约  个性服饰淘宝模板

    潮流复古 极致简约 个性服饰淘宝模板

    人气:0
  • 好茶汇聚 素雅浅色 食品保健淘宝模板

    好茶汇聚 素雅浅色 食品保健淘宝模板

    人气:30571
  • 时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    人气:56789
  • 春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    人气:1
  • 高雅大牌 舒爽浅色 女包女鞋网店模板

    高雅大牌 舒爽浅色 女包女鞋网店模板

    人气:56240
  • 日用杂货 清新简约 生活兴趣网店模板

    日用杂货 清新简约 生活兴趣网店模板

    人气:45643
  • 时尚女鞋 米色暖黄 女鞋精品淘宝模板

    时尚女鞋 米色暖黄 女鞋精品淘宝模板

    人气:31597
  • 奢华香包 大图模块 珠宝鞋靴淘宝模版

    奢华香包 大图模块 珠宝鞋靴淘宝模版

    人气:0