淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 590|回复: 3
收起左侧

[装修相关] 天猫的代码可以转换成C店用吗?如果能,该如何转换呢?

[复制链接]
  • TA的每日心情
    加油
    2015-5-22 12:40
  • 签到天数: 4 天

    连续签到: 1 天

    [LV.2]登堂入室

    4

    主题

    8

    帖子

    3072

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3072

    发表于 2015-3-26 11:36:40 | 显示全部楼层 |阅读模式
    事情是这样的,今天无意间看到 underarmour官方旗舰店 (http://underarmour.tmall.com)的全屏海报,下面的左右翻页那个还不错,就想弄过来。然后用代码提取器抓取了代码
    1. <div class="J_TWidget lb_banner" data-widget-config="{'nextBtnCls':'next','duration':0.8,'activeTriggerCls':'selected','easing':'easeOutStrong','viewSize':[1900,530],'effect':'scrollx','navCls':'ks-switchable-nav','delay':0.2,'triggerType':'mouse','contentCls':'ks-switchable-content','prevBtnCls':'prev','autoplay':true}" data-widget-type="Carousel"> <div class="b-slider"> <div style="width:1900px;height:530px;" class="ks-switchable-content b-content"> <div> <a ><img src="http://a.tbcdn.cn/s.gif" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1940724523/TB2cyaecXXXXXc.XXXXXXXXXXXX_!!1940724523.jpg" border="0"/></a> </div> <div> <a target="_blank" ><img style="margin:0px;float:none;" src="http://a.tbcdn.cn/s.gif" data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/1940724523/TB29U8zcXXXXXa9XXXXXXXXXXXX_!!1940724523.jpg" border="0"/></a> </div> <a ><img src="http://a.tbcdn.cn/s.gif" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/1940724523/TB27MWjcXXXXXcVXXXXXXXXXXXX_!!1940724523.jpg" border="0"/></a> </div> </div> <ul class="ks-switchable-nav b-nav"> <li class="selected nav01"> </li> <li class="nav02"> </li> <li class="nav03"> </li> </ul> <div class="prev"> </div> <div class="next"> </div> </div>
    复制代码
    用到C店不对,1900,C店只能用到950,那我就在想能不能把1920的全屏代码放在前面组合起来,只要白色的那个翻页的就行。


    QQ图片20150326113549.png

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    4 天前
  • 签到天数: 1098 天

    连续签到: 2 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279346

    发表于 2015-3-26 14:52:48 | 显示全部楼层

    复制代码
    1. <div style="height:530px;">
    2.   <div class="footer-more-trigger sn-simple-logo" style="left:50%;top:auto;border:none;padding:0;">
    3.     <div class="footer-more-trigger sn-simple-logo" style="left:-960px;top:auto;border:none;padding:0;">
    4.       <div class="J_TWidget" data-widget-config="{'easing':'backOut','interval':4,'navCls':'nav','contentCls':'con','prevBtnCls':'prev','autoplay':true,'nextBtnCls':'next','circular':true,'duration':1.5,'disableBtnCls':'disable','activeTriggerCls':'hidden','effect':'scrollx','viewSize':[1920]}" data-widget-type="Carousel">
    5.         <ul style="width:1920px;height:530px;" class="con">
    6.           <li> <a href="#" target="_blank" ><img  src="http://img03.taobaocdn.com/imgextra/i3/1940724523/TB2cyaecXXXXXc.XXXXXXXXXXXX_!!1940724523.jpg" border="0"/></a> </li>
    7.           <li> <a href="#" target="_blank" ><img  src="http://img04.taobaocdn.com/imgextra/i4/1940724523/TB29U8zcXXXXXa9XXXXXXXXXXXX_!!1940724523.jpg" border="0"/></a> </li>
    8.           <li> <a href="#" target="_blank" ><img  src="http://img02.taobaocdn.com/imgextra/i2/1940724523/TB27MWjcXXXXXcVXXXXXXXXXXXX_!!1940724523.jpg" border="0"/></a> </li>
    9.         </ul>
    10.         <ul class="footer-more-trigger sn-simple-logo" style=" border:0; padding:0;width: 238px;height: 45px;left:841px;top:506px; text-align:center;background: url(http://img01.taobaocdn.com/imgextra/i1/1940724523/T2.ef2XvRXXXXXXXXX-1940724523.png) no-repeat 0 0;">
    11.           <li style="display:inline;cursor: pointer;margin-right: 16px; line-height:44px; font-size:20px; color:#d62e1a;font:微软雅黑;">●</li>
    12.           <li style="display:inline;cursor: pointer;margin-right:16px; line-height:44px; font-size:20px; color:#d62e1a; font:微软雅黑;">●</li>
    13.           <li style="display:inline;cursor: pointer;line-height:44px; font-size:20px; color:#d62e1a;font:微软雅黑;">●</li>
    14.         </ul>
    15.         <div class="footer-more-trigger sn-simple-logo" style=" border:0; padding:0;width: 238px;height: 45px;left:841px;top:506px;">
    16.           <div class="prev" style="display: block;border:0; padding:0;width: 45px;height: 45px;left: 375px;bottom: 0;cursor: pointer; float:left;"> </div>
    17.           <ul class="nav" style=" margin:0;width: 148px;height: 45px; text-align:center; float:left; display:block;">
    18.             <li class="hidden" style="display:inline;cursor: pointer;margin-right: 16px; line-height:44px; font-size:20px; color:#b1b1b1;font:微软雅黑;">●</li>
    19.             <li style="display:inline;cursor: pointer;margin-right: 16px; line-height:44px; font-size:20px; color:#b1b1b1;font:微软雅黑;">●</li>
    20.             <li style="display:inline;cursor: pointer;line-height:44px; font-size:20px; color:#b1b1b1;font:微软雅黑;">●</li>
    21.           </ul>
    22.           <div class="next" style="display: block;border:0; padding:0;width: 45px;height: 45px;left: 375px;bottom: 0;cursor: pointer; float:left;"> </div>
    23.         </div>
    24.       </div>
    25.     </div>
    26.   </div>
    27. </div>
    复制代码

    用了4张图片,3张是1920海报图,1张是底部翻页按钮的背景图,自己替换为自己的图片链接灰色圆点和红色圆点用符号●代替了,减少了1张图片
    大图的链接是#号,自己替换


    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    回复 支持 1 反对 0

    使用道具 举报

  • TA的每日心情
    大哭
    2015-11-15 15:32
  • 签到天数: 194 天

    连续签到: 1 天

    [LV.7]炉火纯青

    43

    主题

    710

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    61028

    热心会员最佳新人活跃会员

    QQ
    发表于 2015-3-26 11:47:13 | 显示全部楼层
    贼好多,赶紧找个地方把我家里那块狗头金藏起来先。一想到天天有人想谋害朕,晚上都不敢出门撒尿
  • TA的每日心情
    加油
    2015-5-22 12:40
  • 签到天数: 4 天

    连续签到: 1 天

    [LV.2]登堂入室

    4

    主题

    8

    帖子

    3072

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3072

     楼主| 发表于 2015-4-1 11:33:04 | 显示全部楼层
    X_in 发表于 2015-3-26 14:52
    用了4张图片,3张是1920海报图,1张是底部翻页按钮的背景图,自己替换为自己的图片链接灰色圆点和红色圆点 ...

    哥哥,你太66666了,非常感谢,我们老板终于不用开除我了,我也不用睡大街了。
    再次感谢!

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-3 12:44 , Processed in 0.133034 second(s), 19 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表