含二维码、店铺品质说明图片的淘宝背景固定代码   公众号:鱼摆摆网   文/admin   07-05 11:19

分享一份超酷的淘宝特效代码,含含二维码、店铺品质说明图片的淘宝背景固定代码。通过这份淘宝背景固定代码,可以实现背景图不跟随鼠标下拉而移动。图片一直固定显示在屏幕上,不管滚动条如何上下滚动,图片都是悬浮固定在店铺里。

背景固定图片素材为含100%正品、满100包邮、7天退换三个店铺品质说明,以及右下角的二维码图片。

代码支持基础版、专业版、天猫商城新旺铺。

这份代码非常酷,预览效果如下:

(1)预览截图

 

(2)网页真实预览效果地址:背景图片固定代码效果

(3)背景固定图片有含二维码和不含二维码两种,我们提供了png格式图片,大家可以修改成自己的二维码图片。不会改的朋友,直接用不含二维码的版本。

(4)淘宝背景固定代码修改说明

下面背景背景固定代码的范例

body{background-image:url(图片地址);background-repeat:no-repeat;background-position:bottom center;background-attachment:fixed;}

如果你想自定义或者修改完善该背景固定图片(如修改了包邮价格、二维码图片),制作好背景图片后,上传到淘宝图片空间,更换“图片地址”为真实图片链接地址,然后黏贴代码到导航条的显示设置里即可。

基础版、专业版、天猫商城新旺铺的淘宝店铺背景图片固定代码放在哪里?放你店铺导航条的css显示设置里即可。(★点击导航编辑,选择"显示设置",这里黏贴背景图片固定代码即可。)

说明:旧版旗舰版店铺只需将背景图片固定代码放在 “模板”-“背景设置”-“完全自定义”里即可。

淘宝css“完全自定义”的高级自定义功能介绍

(5)缺点说明

该代码是利用淘宝的漏洞而设计的,使用背景固定代码,切忌需取消页面背景图与页面背景色(即需删除页面背景图、不勾选页面背景颜色)。不过经鱼摆摆测试,淘宝背景图片固定代码可以与全屏轮播图片配合一起使用。使用时,固定背景图在全屏轮播图的下面。

鱼摆摆即将发布超多样式的新版淘宝轮播图片代码,具体见:http://www.yubaibai.com.cn/html/texiao/lunbo/(整理中)

(6)淘宝背景图片固定代码及素材打包下载地址:

 /uploadfile/201309/14/214366257.rar

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 yubaibai360@qq.com 举报,一经查实,本站将立刻删除。

[ 标签:淘宝背景固定代码 ]

相关文章