您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 资本运营 > 淘宝天猫装修精华代码大全
一、去除模块间隙代码divclass=J_TWidgetdata-widget-type=Carouseldata-widget-config={'contentCls':'bbs-taobaoux-com-con','navCls':'bbs-taobaoux-com-nav','effect':'fade'}divclass=bbs-taobaoux-com-constyle=width:950px;height:100px;divstyle=width:950px;top:-20px;/*这里输入你的模块内容*//div/divdivclass=bbs-taobaoux-com-navstyle=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:bottomcenter;background-attachment:fixed;}需将上面的红色提示文字“图片地址”替换修改实际的淘宝背景固定图片的地址。必须上传到淘宝官方相册,小编分享的淘宝背景固定代码,部分有未搬家版,需搬家后才能显示出来。搬家搬版可以直接黏贴使用。小编收集了很多特别适合做淘宝固定背景图片,详见“淘宝背景固定代码”专栏:(二)使用范文与安装方法支持天猫店铺、旺铺专业版、旺铺基础版和之前的旧版拓展版店铺。天猫店铺、旺铺专业版、旺铺基础版需将淘宝背景固定代码安装在导航条的“显示设置”里。老版的拓展版店铺需安装在“完全自定义里”。基础版、专业版、天猫商城新旺铺的淘宝店铺背景图片固定代码放在哪里?放你店铺导航条的css显示设置里即可。(★点击导航编辑,选择显示设置,这里黏贴背景图片固定代码即可。)(三)缺点说明该代码是利用淘宝的漏洞而设计的,使用背景固定代码,一定要取消页面背景图与页面背景色(即需删除页面背景图、不勾选页面背景颜色)。否则背景固定图片不能显示出来。不过经小编测试,淘宝背景图片固定代码可以与全屏轮播图片配合一起使用。使用时,固定背景图在全屏轮播图的下面。共享一个自定义模块里固定背景代码!divstyle=height:1200px;divclass=footer-more-triggerstyle=left:50%;border:0;padding:0;width:1920px;text-align:center;divclass=footer-more-triggerstyle=left:-960px;border:0;padding:0;width:1920px;background:url(!!833641372.jpg)no-repeat00fixed;height:1200px;/div/div/div这个呢是放在自定义模块里的代码就能固定背景不是放在导航里的css哦下面的是一个950居中的轮播放大代码fontcolor=#000000size=3divclass=J_TWidgetdata-widget-config={'png':true,'png_bg':true}data-widget-type=Compatiblestyle=width:952px;background:url(!!833641372.png);height:490px;overflow:hidden;divclass=J_TWidgetdata-widget-config={'effect':'fade','autoplay':'true','circular':true,'navCls':'taobaoux-nav','contentCls':'taobaoux-content'}data-widget-type=Tabsdivclass=taobaoux-navstyle=margin:0px8pxauto;width:948px;divstyle=margin:15px655px10px0px;width:140px;float:left;height:100px;overflow:hidden;spanspanastyle=width:140px;display:block;height:100px;target=_blankimgdata-ks-lazyload===width:140px;height:100px;//a/span/span/divdivstyle=margin:15px0px10px;width:140px;float:left;height:100px;overflow:hidden;spanspanadata-attr-replace=[]style=width:140px;display:block;height:100px;target=_blankimgdata-ks-lazyload===width:140px;height:100px;//a/span/span/divdivstyle=margin:0px655px10px0px;width:140px;float:left;height:100px;overflow:hidden;spanspanadata-attr-replace=[]style=width:140px;display:block;height:100px;target=_blankimgdata-ks-lazyload===width:140px;height:100px;//a/span/span/divdivstyle=width:140px;margin-bottom:10px;float:left;height:100px;overflow:hidden;spanspanadata-attr-replace=[]style=width:140px;display:block;height:100px;target=_blankimgdata-ks-lazyload===width:140px;height:100px;//a/span/span/divdivstyle=margin:0px655px10px0px;width:140px;float:left;height:100px;overflow:hidden;spanspanadata-attr-replace=[]style=width:140px;display:block;height:100px;target=_blankimgdata-ks-lazyload===width:140px;height:100px;//a/span/span/divdivstyle=width:140px;margin-bottom:10px;float:left;height:100px;overflow:hidden;spanspanadata-attr-replace=[]style=width:140px;display:block;height:100px;target=_blankimgdata-ks-lazyload===width:140px;height:100px;//a/span/span/divdivstyle=margin:0px655px10px0px;width:140px;float:left;height:100px;overflow:hidden;spanspanadata-attr-replace=[]style=width:1
本文标题:淘宝天猫装修精华代码大全
链接地址:https://www.777doc.com/doc-4313266 .html