第一步:制作背景素材
网店装修网提供了一套绿色的背景素材,适合各种类型的淘宝店铺使用。
点击下面的链接将背景解压缩到您的电脑桌面。
下载:固定背景素材
如果您对背景有特殊的要求,可以到根据我们提供的素材进行PS处理,注意修改的过程中不要更改图片的长宽,中间白图部分不要更改即可。
第二步:上传素材到淘宝图片空间,获取图片链接
登录淘宝店铺,进入卖家中心,在左侧导航栏找到“图片空间”,将下载的素材上传。上传成功后点击链接复制图片链接。
第三步:制作全屏固定背景特效代码
代码开始:
body{background-image:url(背景图片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}
代码结束。
将上面的特效代码粘贴进旺铺CSS自定义里。
如何找到CSS自定义框:
1:进入淘宝店铺装修后台页面,鼠标放在导航栏位置,出现编辑窗口,如图:
2:点击编辑,找到“显示设置”,点击后看到白框就是CSS自定义框。如图:
第四步:修改特效代码,保存发布。
在第三步的特效代码里,将括号中的背景图片地址更换为您第二步复制的图片链接,保存发布即可看到全屏固定的背景效果了。