淘宝天猫装修精华代码大全

〈/div〉

〈div class="bbs—taobaoux—com-nav" style="display：none;”〉〈/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：

//ai。/html/texiao/guding/

(二）使用范文与安装方法

支持天猫店铺、旺铺专业版、旺铺基础版和之前的旧版拓展版店铺.

天猫店铺、旺铺专业版、旺铺基础版需将淘宝背景固定代码安装在导航条的“显示设置”

里.

老版的拓展版店铺需安装在“完全自定义里”。

基础版、专业版、天猫商城新旺铺的淘宝店铺背景图片固定代码放在哪里？放你店铺导航条

的css显示设置里即可。（★点击导航编辑,选择”显示设置"，这里黏贴背景图片固定代码即

可。)

个人收集整理，勿做商业用途

（三）缺点说明

该代码是利用淘宝的漏洞而设计的，使用背景固定代码，一定要取消页面背景图与页

面背景色（即需删除页面背景图、不勾选页面背景颜色)。否则背景固定图片不能显示出来。

不过经小编测试,淘宝背景图片固定代码可以与全屏轮播图片配合一起使用。使用时，固定

背景图在全屏轮播图的下面。

共享一个自定义模块里固定背景代码！