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

个人收集整理 勿做商业用途一、去除模块间隙代码div class=”J_TWidget data-widget-type=Carousel” datawidget-config=contentCls: bbstaobaoux-com-con,navCls: bbstaobaoux-comnav，effect: fade div class=”bbs-taobaouxcom-con” style=”width:950px;height：100px； div style=”width:950px;top： 20px；” /这里输入你的模块内容/ /div div class=bbstaobaouxcom-nav style=display：none;”/div/div代码解释： class=”bbs-taobaouxcom-nav”轮播导航列表，设置display:none的作用是隐藏导航区，禁止出现1、2、3这些导航数值; class=”bbstaobaouxcomcon”轮播内容列表,必须定义模块宽度与高度； style=”width：950px;height:100px;模块的宽度与高度，比如你的模块尺寸是950px500px，那这里就应该改为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像素,可根据自己的需要调整这个值（一）淘宝背景固定代码范例 bodybackgroundimage：url(图片地址)；background-repeat:norepeat；backgroundposition：bottom center；backgroundattachment：fixed； 需将上面的红色提示文字“图片地址替换修改实际的淘宝背景固定图片的地址。必须上传到淘宝官方相册，小编分享的淘宝背景固定代码,部分有未搬家版，需搬家后才能显示出来。搬家搬版可以直接黏贴使用. 小编收集了很多特别适合做淘宝固定背景图片，详见“淘宝背景固定代码”专栏：http：/www.yubaibai。(二）使用范文与安装方法 支持天猫店铺、旺铺专业版、旺铺基础版和之前的旧版拓展版店铺. 天猫店铺、旺铺专业版、旺铺基础版需将淘宝背景固定代码安装在导航条的“显示设置”里. 老版的拓展版店铺需安装在“完全自定义里”。基础版、专业版、天猫商城新旺铺的淘宝店铺背景图片固定代码放在哪里？放你店铺导航条的css显示设置里即可。（点击导航编辑,选择”显示设置，这里黏贴背景图片固定代码即可。)个人收集整理，勿做商业用途（三）缺点说明 该代码是利用淘宝的漏洞而设计的，使用背景固定代码，一定要取消页面背景图与页面背景色（即需删除页面背景图、不勾选页面背景颜色)。否则背景固定图片不能显示出来。不过经小编测试,淘宝背景图片固定代码可以与全屏轮播图片配合一起使用。使用时，固定背景图在全屏轮播图的下面。共享一个自定义模块里固定背景代码！div class=”footer-moretrigger” 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; 这个呢 是放在自定义模块里的代码 就能固定背景不是放在导航里的css哦下面的是一个 950居中的轮播放大代码font color=000000” size=”3”div class=”J_TWidget” data-widget-config=”png：true，png_bg：true datawidgettype=”Compatible style=width：952px；background:url（http:/img04。taobaocdn。com/imgextra/i4/833641372/T2elzsXvhXXXXXXXXX_！!833641372。png)；height:490px;overflow：hidden； spanspana style=width：140px;display:block;height:100px；” target=_blankimg datakslazyload=http:/www.yosheji。com/upload/images/131104/f26/sc1。jpg” src=” style=”width:140px；height：100px；” /a/span/span/spanspana dataattrreplace=” style=width:140px；display：block;height：100px; target=_blank”/a/span/span/div spanspana data-attr-replace=” style=”width:140px;display:block；height：100px; target=”_blank/span/divdiv style=margin：0px 655px 10px 0px;width:140px;float：left;height：100px;overflow:hidden;” spanspana dataattr-replace=” style=”width:140px；display:block；height:100px; target=”_blank/a/span/span a dataattrreplace=” style=”width:140px；display：block;height：100px; target=”_blank/a/span/divdiv style=”margin:0px 655px 10px 0px；width：140px；float：left；height：100px；overflow：hidden；” a data-attrreplace=” 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/spandiv style=width:140px;marginbottom:10px;float:left；height：100px;overflow：hidden; spanspan/a spanspan/a/span/divdiv style=display：none; a href=” style=width:625px；display：block;height：450px； target=”_blankimg dataks-lazyload=” src=”http:/a。tbcdn。cn/kissy/1.0.0/build/imglazyload/spaceball。gif” style=”width:625px；height:450px;” /a/span/diva 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;” /spandiv style=”display：none； spanspana href=http：/ style=width：625px；display：block；height：450px；” target=”_blankdiv style=”display:none; spana href=http：/ style=width:625px;display：block；height：450px; target=”_blank”/span/span/divdiv style=”display:none；” spandiv style=”display:none; spanimg datakslazyload=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/divdiv style=display:none; spanimg dataks-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； /div /div /div但是，当这两组放在一起就出现奇迹了 ,950轮播放大 不能居中了 ，求大神帮助啊!在第二块加多一个全屏的代码就行了div class=footer-more-trigger style=left:50%;border:0;padding：0;width：1920px;text-align：center；”div class=footer-moretrigger style=”left：-476px;border:0;padding:0；width：1920px;height:1200px；”