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

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

2015-04-07 04:29:09

       之前我们已经把龙腾系列淘宝店铺促销装修代码中的“糖果区”给装修好了,接下来我们来看下“干货区”的店铺装修代码。这个代码中的每个区域名字,卖家都能够随意更改,只需要在此代码中的文字处修改即可。为了让卖家们更好地使用龙腾系列淘宝店铺促销装修代码,唯艺在此还是延续模板中的板块名称。


<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="{&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;39545461479&quot;}"></div></div> </div> </div> </div> </div> </li></ul></div> </div>


       以上代码中,<li> ……</li>的内容为一个展示宝贝的完整代码。由于篇幅有限,唯艺只在这里放置了一个宝贝的代码。卖家朋友们可以在最后一个“</ul>”标签之前复制粘贴<li> ……</li>的内容就可以了。唯艺温馨提示,在干货区只能够放置3个宝贝哦;否则整个模板就破裂了。至此,还有2个模板没有完成,请卖家们一一看完龙腾系列淘宝店铺促销装修代码模板教程系列。


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

0

相关教程

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

  • 时尚美容美妆馆

    时尚美容美妆馆

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

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

    人气:1
  •  型男健美 素雅青灰 型男健美淘宝模板

    型男健美 素雅青灰 型男健美淘宝模板

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

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

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

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

    人气:45643
  • 清新优雅 简约背景 内衣服饰淘宝模版

    清新优雅 简约背景 内衣服饰淘宝模版

    人气:1
  • 家居首饰淘宝模板 新秀系列 高雅背景

    家居首饰淘宝模板 新秀系列 高雅背景

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

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

    人气:30571