淘宝天猫装修代码大全.doc

个人收集整理 勿做商业用途
一、去除模块间隙代码
〈div class=”J_TWidget" data-widget-type="Carousel” data—widget-config="{’contentCls': 'bbs—taobaoux-com-con',’navCls’: 'bbs—taobaoux-com—nav’，’effect’: 'fade'｝">
〈div class=”bbs-taobaoux—com-con” style=”width:950px;height：100px；">
〈div style=”width:950px;top： —20px；”〉
/＊这里输入你的模块内容＊/
</div>
〈/div〉
〈div class="bbs—taobaoux—com-nav" style="display：none;”〉〈/div>
</div〉

代码解释：

· class=”bbs-taobaoux—com-nav”  轮播导航列表，设置display:none的作用是隐藏导航区，禁止出现1、2、3这些导航数值;
· class=”bbs—taobaoux—com—con”  轮播内容列表,必须定义模块宽度与高度；
· style=”width：950px;height:100px;"  模块的宽度与高度，比如你的模块尺寸是950px＊500px，那这里就应该改为style=”width：950px；height：480px;",为什么高度是480了？因为向上移动了20个像素。
· top：—20px; 向上移动20个像素,完美去除上下模块之间20像素的空隙。这时,应该还需要加上一个z-index属性，把模块置于顶层，但事实上我们不用多此一举，系统会自动加上这个属性。
以上是第一套模板的修改方法，第二、第三套模板的修改方法稍微有点麻烦。你必须清楚的知道，前面一个模块的高度，比如前面一个模块的高度是500px，那top：-20px就应该改为top:490px；

本人亲测：天猫旗舰店 自定义模块间隙10像素
做法：
style="width:990px;height：1010px；"（后面的1010，原图是1020，就是减少10像素）
style=”width：990px；top： -10px；”(后面是上移10像素,因为间隙是10像素)

二、全屏轮播代码上传后 缩略图下偏500像素（淘宝美工论坛）
如题，全屏代码上传后所有显示都正常，水平居中，轮播无错位，
唯一就是缩略图向下偏移了500像素左右，预览时候是正常的但是一旦发布就立马偏移了.
代码奉上(用在线代码生成做的）：

已解决,修改图片位置处的 top：455; 为 top:—55即可，即让缩略图以底边为基础向上偏移55像素,可根据自己的需要调整这个值 

（一）淘宝背景固定代码范例
      body｛background—image：url(图片地址)；background-repeat:no—repeat；background—position：bottom center；background—attachment：fixed；｝
     需将上面的红色提示文字“图片地址"替换修改实际的淘宝背景固定图片的地址。必须上传到淘宝官方相册，小编分享的淘宝背景固定代码,部分有未搬家版，需搬家后才能显示出来。搬家搬版可以直接黏贴使用.
     小编收集了很多特别适合做淘宝固定背景图片，详见“淘宝背景固定代码”专栏：http：//www.yubaibai。
(二）使用范文与安装方法
      支持天猫店铺、旺铺专业版、旺铺基础版和之前的旧版拓展版店铺.
      天猫店铺、旺铺专业版、旺铺基础版需将淘宝背景固定代码安装在导航条的“显示设置”里.
      老版的拓展版店铺需安装在“完全自定义里”。
基础版、专业版、天猫商城新旺铺的淘宝店铺背景图片固定代码放在哪里？放你店铺导航条的css显示设置里即可。（★点击导航编辑,选择”显示设置"，这里黏贴背景图片固定代码即可。)个人收集整理，勿做商业用途
（三）缺点说明

       该代码是利用淘宝的漏洞而设计的，使用背景固定代码，一定要取消页面背景图与页面背景色（即需删除页面背景图、不勾选页面背景颜色)。否则背景固定图片不能显示出来。不过经小编测试,淘宝背景图片固定代码可以与全屏轮播图片配合一起使用。使用时，固定背景图在全屏轮播图的下面。

共享一个自定义模块里固定背景代码！
<div style="height：1200px;”〉

〈div class="footer—more-trigger” style="left:50%;border:0;padding:0；width:1920px;text-align:center；”>

〈div class=”footer-more—trigger” style=”left:—960px；border：0；padding：0；width：1920px；background：url（http：//img02。taobaocdn。com/imgextra/i2/833641372/T20lPsXqBXXXXXXXXX_！!833641372。jpg) no-repeat 0 0 fixed；height：1200px;">

</div></div〉〈/div>
这个呢 是放在自定义模块里的代码 就能固定背景 不是放在导航里的css哦

下面的是一个 950居中的轮播放大代码
〈font color="＃000000” size=”3”〉<div class=”J_TWidget” data-widget-config=”{'png'：true，'png_bg'：true}" data—widget—type=”Compatible" style="width：952px；background:url（http://img04。taobaocdn。com/imgextra/i4/833641372/T2elzsXvhXXXXXXXXX_！!833641372。png)；height:490px;overflow：hidden；"〉
<div class="J_TWidget" data-widget-config=”｛’effect’： 'fade'，’autoplay’: ’true'，'circular’: true,'navCls’: 'taobaoux-nav’,'contentCls'： ’taobaoux—content'｝” data-widget-type=”Tabs"〉
〈div class="taobaoux-nav” style="margin:0px 8px auto；width:948px;"〉
〈div style="margin：15px 655px 10px 0px;width：140px;float:left；height:100px;overflow：hidden;”>
〈span>〈span>〈a style="width：140px;display:block;height:100px；” target="_blank">〈img data—ks—lazyload="http://www.yosheji。com/upload/images/131104/f26/sc1。jpg” src=” style=”width:140px；height：100px；” /〉〈/a></span>〈/span〉</div〉〈div style=”margin:15px 0px 10px；width:140px；float：left；height：100px;overflow:hidden；"〉
〈span〉〈span〉〈a data—attr-replace="［]” style=”width:140px；display：block;height:100px；” target=”_blank"〉〈img data—ks-lazyload="http://www。yosheji。com/upload/images/131104/f26/sc2.jpg” src="http://a。 style=”width：140px;height:100px;” /〉〈/a></span〉〈/span〉</div〉〈div style="margin:0px 655px 10px 0px；width:140px;float：left；height:100px；overflow：hidden;"〉
〈span>〈span〉〈a data—attr—replace=”［]" style="width:140px；display：block;height：100px;" target="_blank”><img data-ks-lazyload=”http：// src="http：//a.tbcdn。cn/kissy/1。0。0/build/imglazyload/spaceball。gif” style="width:140px;height：100px;" />〈/a>〈/span></span〉〈/div〉<div style=”width:140px;margin-bottom：10px；float：left；height:100px;overflow：hidden；">
〈span〉〈span><a data-attr-replace="[］” style=”width:140px;display:block；height：100px;" target=”_blank"〉<img data-ks-lazyload=”http://www。yosheji。com/upload/images/131104/f26/sc4。jpg" src="http://a。tbcdn。cn/kissy/1.0.0/build/imglazyload/spaceball。gif" style=”width:140px;height:100px;" /></a></span〉</span>〈/div〉〈div style="margin：0px 655px 10px 0px;width:140px;float：left;height：100px;overflow:hidden;”〉
<span〉〈span〉<a data—attr-replace=”[］” style=”width:140px；display:block；height:100px;" target=”_blank"〉<img data—ks-lazyload="http：//www.yosheji。com/upload/images/131104/f26/sc5.jpg” src=" style=”width:140px；height：100px；" />〈/a〉〈/span></span〉</div><div style=”width：140px；margin—bottom:10px;float:left；height：100px；overflow：hidden；”>
<span〉〈span><a data—attr—replace=”［］” style=”width:140px；display：block;height：100px;" target=”_blank"〉<img data—ks-lazyload="http://www.yosheji。com/upload/images/131104/f26/sc6.jpg” src=”http://a。tbcdn。cn/kissy/1。0。0/build/imglazyload/spaceball。gif" style=”width:140px;height：100px;" />〈/a></span>〈/span〉〈/div>〈div style=”margin:0px 655px 10px 0px；width：140px；float：left；height：100px；overflow：hidden；”〉
<span><span>〈a data-attr—replace=”[]" style="width:140px；display:block；height:100px;" target="_blank”〉〈img data-ks-lazyload="http://www.yosheji。com/upload/images/131104/f26/sc7。jpg" src=”http：// style="width：140px；height：100px;” /〉〈/a〉〈/span></span></div>〈div style="width:140px;margin—bottom:10px;float:left；height：100px;overflow：hidden;"〉
〈span〉〈span〉<a data-attr—replace=”［］” style=”width:140px;display：block；height：100px；” target=”_blank”><img data—ks-lazyload=”http：// src=”http://a。tbcdn。cn/kissy/1。0。0/build/imglazyload/spaceball.gif" style="width：140px;height:100px;” /></a〉</span〉〈/span></div></div>
<div class="taobaoux-content” style="position:relative;width:570px；height:430px；clear:both；top：-445px；left：165px;">
<div style="display：block;">
〈span><span〉<a href=”" style=”width:625px；display:block;height:450px；” target="_blank"〉〈img data—ks-lazyload=”http：//www.yosheji。com/upload/images/131104/f26/sc1。jpg” src="http：// style=”width:625px；height：450px；" />〈/a></span>〈/span〉〈/div>〈div style="display：none;">
<span〉〈span><a href="” style="width:625px；display：block;height：450px；" target=”_blank"〉<img data—ks-lazyload=” src=”http://a。tbcdn。cn/kissy/1.0.0/build/imglazyload/spaceball。gif” style=”width:625px；height:450px;” /〉〈/a〉</span〉</span>〈/div><div style=”display：none；"〉
〈span><span><a href="" style=”width：625px;display：block;height：450px；" target="_blank”〉<img data-ks-lazyload=”http：//www.yosheji。com/upload/images/131104/f26/sc3.jpg” src="http：//a。 style="width：625px；height:450px;” /〉</a>〈/span〉</span〉〈/div>〈div style=”display：none；"〉
〈span〉〈span>〈a href="http：//" style="width：625px；display：block；height：450px；” target=”_blank"><img data—ks-lazyload="http：//www.yosheji。com/upload/images/131104/f26/sc4。jpg" src="http://a。tbcdn。cn/kissy/1。0。0/build/imglazyload/spaceball。gif" style=”width：625px;height:450px；” /〉〈/a〉〈/span></span></div><div style=”display:none;"〉
<span〉<span><a href="http：//" style="width:625px;display：block；height：450px;" target=”_blank”〉<img data-ks-lazyload="http：//www.yosheji。com/upload/images/131104/f26/sc5。jpg" src="http：// style="width：625px;height:450px;” /〉〈/a>〈/span〉〈/span〉〈/div>〈div style=”display:none；”〉
〈span><span><a href=”http：//” style=”width：625px；display:block；height:450px；” target=”_blank”〉〈img data—ks—lazyload=" src=”http：//a.tbcdn。cn/kissy/1.0。0/build/imglazyload/spaceball.gif” style=”width:625px;height：450px；" /></a></span〉〈/span〉〈/div><div style=”display:none;"〉
<span〉<span><a href=”http://www.taobao。com” style=”width:625px；display：block；height:450px;" target=”_blank">〈img data—ks—lazyload="http://www。yosheji。com/upload/images/131104/f26/sc7。jpg" src="http：//a.tbcdn。cn/kissy/1。0.0/build/imglazyload/spaceball。gif" style="width：625px；height：450px；" /〉〈/a></span>〈/span>〈/div>〈div style="display:none;"〉
<span><span〉<a href="" style="width:625px;display:block；height:450px;” target=”_blank"><img data—ks-lazyload="http://www.yosheji。com/upload/images/131104/f26/sc8。jpg" src=”http：//a.tbcdn。cn/kissy/1。0.0/build/imglazyload/spaceball.gif" style="width:625px；height：450px；" /〉</a〉〈/span></span>〈/div>
〈/div〉
</div>
〈/div〉</font>
但是，当这两组放在一起就出现奇迹了 ,950轮播放大 不能居中了 ，求大神帮助啊!

在第二块加多一个全屏的代码就行了
〈div class="footer-more-trigger" style="left:50%;border:0;padding：0;width：1920px;text-align：center；”>
〈div class="footer-more—trigger" style=”left：-476px;border:0;padding:0；width：1920px;height:1200px；”〉