〈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;"> 〈d iv 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像素
做法:
(后面的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。com/html/texiao/guding/
(二)使用范文与安装方法
支持天猫店铺、旺铺专业版、旺铺基础版和之前的旧版拓展版店铺.
天猫店铺、旺铺专业版、旺铺基础版需将淘宝背景固定代码安装在导航条的“显示设置”里.
老版的拓展版店铺需安装在“完全自定义里”。
基础版、专业版、天猫商城新旺铺的淘宝店铺背景图片固定代码放在哪里?放你店铺导航条的css显示设置里即可。(★点击导航编辑,选择”显示设置",这里黏贴背景图片固定代码即可。)个人收集整理,勿做商业用途
(三)缺点说明
该代码是利用淘宝的漏洞而设计的,使用背景固定代码,一定要取消页面背景图与页面背景(即需删除页面背景图、不勾选页面背景颜)。否则背景固定图片不能显示出来。不过经小编测试,淘宝背景图片固定代码可以与全屏轮播图片配合一起使用。使用时,固定背景图在全屏轮播图的下面。
共享一个自定义模块里固定背景代码!
<div footer—more-trigger” >
</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" 〉
<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” 〉〈div width:140px;display:block;height:100px;”
target="_blank">〈img data—ks—lazyload="sheji。
com/upload/images/131104/f26/sc1。jpg” src=”a.tbcdn/kissy/1.0。
0/build/imglazyload/s paceball.gif" 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="www。yosheji。
com/upload/images/131104/f26/sc2.jpg” src="a。tbcdn/kissy/1。0。
0/build/imglazyload/spaceball.gif" style=”width:140px;height:100px;” /〉〈/a></span〉〈/span〉</div〉〈div 〉
〈span>〈span〉〈a data—attr—replace=”[]" t
arget="_blank”><img data-ks-lazyload=”http://www。yosheji/upload/images/131104/f26/sc3。jpg” src="http://a.tbcdn。cn/kissy/1。0。
0/build/imglazyload/spaceball。gif” />〈/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=”www。yosheji。
com/upload/images/131104/f26/sc4。jpg" src="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://sheji。
com/upload/images/131104/f26/sc5.jpg” src="a.tbcdn/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="sheji。
com/upload/images/131104/f26/sc6.jpg” src=”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;" t arget="_blank”〉〈img data-ks-lazyload="sheji。
com/upload/images/131104/f26/sc7。jpg" src=”http://a.tbcdn/kissy/1。
0.0/build/imglazyload/spaceball.gif" 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/upload/images/131104/f26/sc8.jpg" src=”a。tbcdn。cn/kissy/1。0。0/build/imglazyload/spaceball.gif" taobaoux-content” >
<div >
〈span><span〉<a href=”www.taobao" style=”width:625px;
display:block;height:450px;” target="_blank"〉〈img data—ks-lazyload=”http:
//sheji。com/upload/images/131104/f26/sc1。jpg” src="http://a.tbcdn/kissy/1。
0。0/build/imglazyload/spaceball。gif" style=”width:625px;height:450px;" />〈/a></span>〈/span〉〈/div>〈div >
<span〉〈span><a href="www.taobao” target=”_blank"〉<img data—ks-lazyload=”www。
yosheji/upload/images/131104/f26/sc2。jpg" src=”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="www.ta obao" style=”width:
625px;display:block;height:450px;" target="_blank”〉<img data-ks-lazyload=”http://sheji。com/upload/images/131104/f26/sc3.jpg” src="http://a。tbcdn/kissy/1.0。0/build/imglazyload/spaceball.gif" 〉
〈span〉〈span>〈a href="http://www.taobao" ><img data—ks-lazyload="http://sheji。
com/upload/images/131104/f26/sc4。jpg" src="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" target=”_blank”〉<img data-ks-lazyload="http://sheji。
com/upload/images/131104/f26/sc5。jpg" src="http://a.tbcdn/kissy/1.0。
0/build/imglazyload/spaceball。gif” style="width:625px;height:450px;” /〉〈/a>〈/span〉〈/span〉〈/div>〈div style=”display:none;”〉
〈s pan><span><a href=”http://www。taobao” style=”width:625px;display:block;height:450px;” target=”_blank”〉〈img data—ks—lazyload="www。yosheji/upload/images/131104/f26/sc6。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=”www.taobao。com” style=”width:625px;display:block;height:450px;" target=”_blank">〈img data—ks—lazyload="www。yosheji。
com/upload/images/131104/f26/sc7。jpg" src="http://a.tbcdn。cn/kissy/1。
0.0/build/imglazyload/spaceball。gif" /〉〈/a></span>
〈/span>〈/div>〈div 〉
<span><span〉<a href="www。taobao"
><img data—ks-lazyload="sheji。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轮播放大不能居中了,求大神帮助啊!
在第二块加多一个全屏的代码就行了
发布评论